转行学开发,代码100天——2018-05-22
angularJS通过控制器来控制数据流的应用。
ng-controller。
控制器中包含属性和函数,其参数引用通过 $scope来执行。
如下文的控制器
ng-controller="control"
<!DOCTYPE html> <html> <head> <title>angularJS 控制器</title> <script type="text/javascript" src="js/angular.min.js"></script> <script type="text/javascript"> angular.module('myapp',[]).controller('control',function($scope){ $scope.student = { firstName:'李', lastName:'四', fullName:function() { var studentObject; studentObject = $scope.student; return studentObject.firstName+" "+studentObject.lastName; } }; }); </script> </head> <body ng-app="myapp" > <div ng-controller="control"> Enter first name:<input type="text" ng-model="student.firstName"><br/> Enter last name :<input type="text" ng-model="student.lastName"><br/> You are enter:{{student.fullName()}} </div> </body> </html>
$scope.student是control控制器的对象属性,
firstName和lastName是$scope.student的属性,而fullName是
$scope.student对象的函数,用于返回合成后的姓名。