控制器(controllers)可以控制应用程序数据
控制器是普通的js对象
使用ng-controller指令定义一个控制器
<div ng-app="myApp" ng-controller="myCtrl"> First name: <input ng-model="firstname"> Last name: <input ng-model="lastname"> <br> Full name: {{fullname}} </div> <script> var app = angular.module('myApp',[]); app.controller('<span style="font-family: Arial,Helvetica,sans-serif;">myCtrl</span>',function ($scope) { $scope.firstname = "John"; $scope.lastname = "Doe"; $scope.fullname = $scope.firstname + $scope.lastname; }) </script>
上述例子解释:
ng-app定义一个应用程序myApp
ng-controller定义一个控制器myCtrl
AngularJS利用$scope对象调用myCtrl这个函数
控制器在scope对象中创建了三个属性,firstname,lastname,fullname
ng-model将input绑定到控制器三个属性变量
控制器方法:
<div ng-app="myApp" ng-controller="ctrl"> First name: <input ng-model="firstname"> Last name: <input ng-model="lastname"> <br> Full name: {{fullname()}} </div> <script> var app = angular.module('myApp',[]); app.controller('ctrl',function ($scope) { $scope.firstname = "John"; $scope.lastname = "Doe"; $scope.fullname = function() { return $scope.firstname + $scope.lastname; } }) </script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。