- 什么是 AngularJS?
- AngularJS 把应用程序数据绑定到 HTML 元素。
- AngularJS 可以克隆和重复 HTML 元素。
- AngularJS 可以隐藏和显示 HTML 元素。
- AngularJS 可以在 HTML 元素“背后”添加代码。
- AngularJS 支持输入验证。
- AngularJS 应用组成如下:
- View(视图),即 HTML。
- Model(模型),当前视图中可用的数据。
- Controller(控制器),即JavaScript函数,可以添加或修改属性。
- AngularJS 应用
- AngularJS 模块 (Module) 定义了 AngularJS 应用。
- AngularJS 控制器(Controller) 用于控制 AngularJS 应用。
- ng-app指令定义了应用, ng-controller 定义了控制器。
-
1 <div ng-app="myApp" ng-controller="myCtrl"> 2 名:<input type="text" ng-model="firstName"> 3 姓:<input type="text" ng-model="lastName"> 4 <br> 5 姓名:{{firstName + lastName}} 6 </div> 7 <script> 8 var app = angular.module('myApp',[]); 9 app.controller('myCtrl',function($scope){ 10 $scope.firstName = "John"; 11 $scope.lastName = "Doe"; 12 }); 13 </script>