AngularJS中,controllerAs和$ctrl都是用来定义控制器命名的方式,但是它们有一些不同的用法和使用场景。
HTML代码:
姓名:{{ person.name }}
年龄:{{ person.age }}
JS代码:
angular.module('myApp', [])
.controller('PersonCtrl', function() {
var vm = this;
vm.name = '张三';
vm.age = 20;
vm.incrementAge = function() {
vm.age++;
};
});
在上面的例子中,我们可以看到在HTML代码中使用了“as”关键字来给控制器命名为“person”,然后在视图中就可以通过“person.name”、“person.age”来访问控制器中定义的属性,通过“person.incrementAge()”来访问控制器中定义的方法。
HTML代码:
在上面的例子