Angular ngController vs控制器在指令中构造

帕特里克

我想知道创建控制器的这两种方法的用例是什么:

使用ngController:

myApp.controller('myController', ['$scope', function ( $scope ) {

}]);

在具有controller属性的指令中构造控制器:

myApp.directive ( 'myDirective', [ '$window', function( $window ) {
    return {
        restrict: 'A',
        controller: [ '$scope', function( $scope ) {

        }],
        link: function( scope, element, attrs ) {

        }
    };
}]);

如果它们都在同一元素上调用,您是否有理由不在指令内构造控制器?

这仅仅是一个简单的问题,即控制器的使用范围/复杂程度如何?

土清

使用指令控制器的原因简述为一句话:

创建可重复使用的组件

指令控制器应包含可以重用的组件逻辑结合使用指令控制器和隔离范围是创建可重用组件的方法。

以分页器为例:分页器需要一些逻辑来通知其他组件(例如网格)当前所选页面已更改,以便网格可以相应地更新。这些逻辑可以写在指令控制器内部以便重用单独作用域一起使用时,此作用域与应用程序控制器的作用域并不紧密,您可以轻松地将pageSize配置为绑定到应用程序控制器作用域的任何属性。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular ngController vs控制器在指令中构造

来自分类Dev

指定AngularJS控制器:使用ngController与$ routeProvider的好处

来自分类Dev

指定AngularJS控制器:使用ngController与$ routeProvider的好处

来自分类Dev

多个指令[ngController,...]要求新的/隔离的范围

来自分类Dev

在AngularJS中如何动态创建新的ngController?

来自分类Dev

如何通过指令和控制器中的代码交叉构造Angular Webapp?

来自分类Dev

结合使用ngModel和普通ngController而不是指令?

来自分类Dev

从指令中调用Angular控制器函数

来自分类Dev

控制器中的Angular.js调用指令函数

来自分类Dev

从angular中的指令调用父控制器的功能

来自分类Dev

在Angular指令中访问父控制器

来自分类Dev

Angular:在自己的控制器中定义的指令监视模型

来自分类Dev

控制器或指令中的Angular Bootstrap UI模态?

来自分类Dev

Angular JS:如何在Angular指令中从控制器的链接内部调用函数

来自分类Dev

Angular JS:如何在Angular指令中从控制器的链接内部调用函数

来自分类Dev

从Angular指令向Angular控制器中注入变量

来自分类Dev

Angular指令-需要从指令控制器访问所需的控制器

来自分类Dev

angular js指令中相同的“ controller as”名称破坏了父控制器中的功能

来自分类Dev

从Angular指令内的ng-click中调用父控制器中的方法

来自分类Dev

在angular.js中的指令中从控制器访问范围变量

来自分类Dev

Angular中与同级指令/控制器相关的列表(和主控/详细信息)

来自分类Dev

如何在Typescript的Angular指令类中添加控制器

来自分类Dev

angular js中的控制器和指令之间有什么区别?

来自分类Dev

Angular JS-在外部控制器中调用指令函数

来自分类Dev

在Angular指令中的对象上设置新属性以在控制器中使用

来自分类Dev

Angular中与同级指令/控制器相关的列表(和主控/详细信息)

来自分类Dev

Angular指令是否需要依赖注入到控制器中?

来自分类Dev

哪些参数要传递到Angular JS自定义指令控制器中?

来自分类Dev

Angular1.3:递归指令模板中的访问控制器功能?

Related 相关文章

  1. 1

    Angular ngController vs控制器在指令中构造

  2. 2

    指定AngularJS控制器:使用ngController与$ routeProvider的好处

  3. 3

    指定AngularJS控制器:使用ngController与$ routeProvider的好处

  4. 4

    多个指令[ngController,...]要求新的/隔离的范围

  5. 5

    在AngularJS中如何动态创建新的ngController?

  6. 6

    如何通过指令和控制器中的代码交叉构造Angular Webapp?

  7. 7

    结合使用ngModel和普通ngController而不是指令?

  8. 8

    从指令中调用Angular控制器函数

  9. 9

    控制器中的Angular.js调用指令函数

  10. 10

    从angular中的指令调用父控制器的功能

  11. 11

    在Angular指令中访问父控制器

  12. 12

    Angular:在自己的控制器中定义的指令监视模型

  13. 13

    控制器或指令中的Angular Bootstrap UI模态?

  14. 14

    Angular JS:如何在Angular指令中从控制器的链接内部调用函数

  15. 15

    Angular JS:如何在Angular指令中从控制器的链接内部调用函数

  16. 16

    从Angular指令向Angular控制器中注入变量

  17. 17

    Angular指令-需要从指令控制器访问所需的控制器

  18. 18

    angular js指令中相同的“ controller as”名称破坏了父控制器中的功能

  19. 19

    从Angular指令内的ng-click中调用父控制器中的方法

  20. 20

    在angular.js中的指令中从控制器访问范围变量

  21. 21

    Angular中与同级指令/控制器相关的列表(和主控/详细信息)

  22. 22

    如何在Typescript的Angular指令类中添加控制器

  23. 23

    angular js中的控制器和指令之间有什么区别?

  24. 24

    Angular JS-在外部控制器中调用指令函数

  25. 25

    在Angular指令中的对象上设置新属性以在控制器中使用

  26. 26

    Angular中与同级指令/控制器相关的列表(和主控/详细信息)

  27. 27

    Angular指令是否需要依赖注入到控制器中?

  28. 28

    哪些参数要传递到Angular JS自定义指令控制器中?

  29. 29

    Angular1.3:递归指令模板中的访问控制器功能?

热门标签

归档