AngualrJs是一个javascript框架,它通过<script>标签加到HTML页面中。
Angular通过指令拓展了HTML,且通过表达式绑定数据到HTML。
Angular是一个javascript框架
Angular是一个javascript框架。它是一个以javascript编写的库。
Angular是以一个javascript文件形式发布的,可通过script标签添加到网页中:
<script src="dist/angular/angular.min.js"></script>
各个angular.js版本下载:https://github.com/angular/angular.js/rellaeases
AngularJs拓展了HTML
AngularJs通过ng-directives扩展了HTML。
ng-app指令定义一个angularJs应用程序。
ng-model指令把元素值(比如输入域的值)绑定到应用程序。
ng-bind指令把应用程序数据绑定到HTML视图。
angular实例
1 <!DOCTYPE html> 2 <html lang="en" ng-app="mk"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 * { 8 margin: 0; 9 padding: 0; 10 list-style: none; 11 } 12 </style> 13 <script src="angular.min.js"></script> 14 <script> 15 var app = angular.module(‘mk‘,[]); 16 app.controller(‘buyCar‘,function($scope){ 17 $scope.a = 12; 18 }); 19 </script> 20 </head> 21 <body> 22 <div ng-controller="buyCar"> 23 <input type="text" ng-model="a"><br/> 24 <input type="text" ng-model="a"> 25 </div> 26 </body> 27 </html>
实例讲解:
当网页加载完毕,AngularJs自动开启。
ng-app指令告诉AngularJs,html是angularJs应用程序的“所有者”。
ng-model指令把输入框的值绑定到变量a。
ng-bind/{{}}指令把应用程序变量a绑定到某个段落的innerHTML.
时间: 2024-10-12 06:34:20