个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
学习 angular，所以在阅读关于 angular 的文章时，有时事情不清楚。在这里，我坚持了解此 的用途或重要性是什么。关键字 Controller 和 controllerAs 在指令 中.
代码取自此处 http://blog.thoughtram.io/angularjs/2015/01/02/exploring-angular-1.3-bindToController.html
app.controller('SomeController', function () {
this.foo = 'bar';
});
app.directive('someDirective', function () {
return {
restrict: 'A',
controller: 'SomeController',
controllerAs: 'ctrl',
template: '{{ctrl.foo}}'
};
});
controller: 'SomeController', and controllerAs: 'ctrl',
controller: 'SomeController', and controllerAs: 'ctrl',那么会发生什么或者会更糟？
controller: 'SomeController', and controllerAs: 'ctrl', in directive.谢谢
最佳答案
您需要 controller如果您打算引用 Controller 对象。这就是你如何连接它。controllerAs允许你创建一个变量，你可以引用 Controller 来代替使用 $scope .
精答:
<html ng-app="app">
<head></head>
<body>
<script src="node_modules/angular/angular.js"></script>
<script>
var app = angular.module('app', []);
app.directive('fooDirective', function() {
return {
restrict: 'A',
controller: function($scope) {
// No 'controllerAs' is defined, so we need another way
// to expose this controller's API.
// We can use $scope instead.
$scope.foo = 'Hello from foo';
},
template: '{{foo}}'
};
});
app.directive('barDirective', function() {
return {
restrict: 'A',
controller: function() {
// We define a 'vm' variable and set it to this instance.
// Note, the name 'vm' is not important here. It's not public outside this controller.
// The fact that the 'controllerAs' is also called 'vm' is just a coincidence/convention.
// You could simply use 'this.bar' if you prefer.
var vm = this;
vm.bar = 'Hello from bar';
},
// This allows us to reference objects on the controller's instance by
// a variable called 'vm'.
controllerAs: 'vm',
// Now we can reference objects on the controller using the 'controllerAs' 'vm' variable.
template: '{{vm.bar}}'
};
});
</script>
<div foo-directive></div>
<div bar-directive></div>
</body>
</html>
关于angularjs - Angular Controller 和 controllerAs 指令中的关键字用法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37254848/
24
4
0
我使用 plunker 中的范围创建了一个 d3 条形图指令 http://plnkr.co/edit/yF8H9i8tyu1o2xJCN9bV Controller 的范围内有 chartData。
我正在编写 AngularJS 教程，我看到以下代码: .state('index',{ url:"/", templateUrl:"views/index.html", controll
我正在尝试遵循 John Papa 的 angularJS 风格指南 here并开始将我的指令切换为使用 controllerAs。但是，这是行不通的。我的模板似乎无法访问分配给 vm 的任何内容。请
我是 Angular 新手，想使用 ui-bootstrap 来使用模态(弹出表单)来自 Angular 。我正在学习Angular bootstrap site 。可以看出，它利用了Controll
我有几个嵌套指令。我试图保持一致并使用 controllerAs 语法。但是我正在努力寻找一种干净的方法让 children 调用父方法，该方法不包括父方法在其范围内放置看似随机的函数。 angula
我需要的是根据通过 HTML 元素属性值传递给该指令的值将数据注入(inject)指令内，该元素动态变化. 这是我的代码: angular.module('test', []) .contro
据我所知，在“指令定义对象”上使用 Controller 属性会在每次链接给定指令时创建该 Controller 的单独实例吗？ 现在玩 controllerAs patterns 我可以看到，当每个
在 AngularJS 中使用 controllerAs 语法时，为 ng-click 等定义处理程序的最佳位置是什么？在 Controller 上还是在作用域上(在链接函数中定义)？ 那么，你使用:
我实际上正在创建一个小指令，但我正面临范围对象和 controllAs 的问题。 事实上，我有这样的结果: angular.module('app') .directive('historyConne
我的网络应用程序有几个页面，它们都有自己的 Controller 。在这些页面中，我使用也有 Controller 的指令。所有 Controller 都使用 controllerAs 语法，它们都设
我目前有一个使用父 Controller 范围内属性的指令: .controller('MainCtrl', function($scope) { $scope.name = 'My Name';
我无法使用 controllerAs 语法/样式从这里访问指令的独立作用域变量。 我可以使用 $scope 访问变量，但这似乎并不一致。有没有办法使用 this 访问隔离作用域的变量？ 这是一个 gi
最近我一直在使用 ControllerAs 语法，但我不确定如何能够在 $watch 中从 Controller 更改模型。 我的 watch 是这样的: $scope.$watch(angular.
嘿，我是 angularjs 的新手，我在 angularjs 中使用 controlleras 样式，因为代码是可呈现的和网络的。我的问题是在 Controller 中调用子函数我的代码如下 //
有人告诉我，controllerAs 模式通过在作用域上附加更少的东西来提高 AngularJS 应用程序的性能。 我真的不明白这是怎么发生的，因为 Controller 本身在范围内公开了它的属性。
我在 html 代码中有这个: {{ ::schema.name }} Empty 问题是，使用此语法时我看不到任何结果 - 如果未填充过滤器，则应显示 10 个结果。 注意:
正如标题所示，我在使用嵌套自定义指令的 Angular 项目上遇到了一些问题。我正在创建一个界面，允许用户通过单击复选框来过滤搜索结果的 JSON 提要。指令模板层次结构如下: 我似乎能
这是我的代码: //HTML {{foo.name}} //脚本 app.directive('myDirective', function() { return { restr
我使用 controllerAs 语法来避免在我的 Controller 中出现 $scope soup，并且还使用 ui.bootstrap 来呈现模态视图。 我需要打开一个与当前 Controll
嗨，我有 StudentController如下， function StudentController($scope,StudentService){ $scope.student = St
我是一名优秀的程序员,十分优秀！