【问题标题】:AngularJS custom directive two way data bindingAngularJS 自定义指令双向数据绑定
【发布时间】:2016-07-16 02:48:47
【问题描述】:

我是 Angular.js 的新手,我正在尝试制作一个链接到控制器的自定义指令(其中包含一个带有函数的控制器)。当控制器($scope.MyObj)中的一个对象发生变化时,我希望在我的指令控制器中有一个类似的对象,它以相同的方式发生变化。此外,是否可以从我的基本控制器调用在我的指令控制器中声明的函数/范围方法(或者当来自基本控制器的对象发生更改时从我的指令控制器调用函数。)?

【问题讨论】:

    标签: javascript angularjs


    【解决方案1】:

    Aviv Ben-Yosef 在http://www.codelord.net 上写了一篇关于它的非常好的帖子,他基本上从一个孤立的指令范围挂钩到控制器:

    http://www.codelord.net/2015/09/02/controller-directive-communication-part-3-controller-to-directive/

    【讨论】:

      【解决方案2】:

      如果您使用的是 Angular 1.4 及更高版本,您可以使用 bindToController 类似这样的内容:

      .directive('mdAddress', function mdAddress() {
          var directive = {
            restrict: 'EA',
            scope: {},
            bindToController: {
              address: '='
            },
            templateUrl: 'modules/address/address.html',
            controller: AddressController,
            controllerAs: 'dir'
          };
      

      【讨论】:

        猜你喜欢
        • 2019-07-23
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-06-15
        • 2017-08-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多