控制器如何与AngularJS中的指令通信?

前端之家收集整理的这篇文章主要介绍了控制器如何与AngularJS中的指令通信?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
>我有一个显示4张闪存卡的应用程序,其中3张由一个指令填充
>对于最后一张卡,我希望值依赖于控制器
>根据视图(和相应的控制器),控制器可以填写第4张卡的值.
>有关演示目的,请参阅 here


– 如何从某个控制器更新第4张卡中的值?
– 将值从某个控制器推送到指令是否是一个好主意?
– 什么是最好的解决方案?

我是Angular的新手并且正在考虑它

解决方法

对于你的问题,我认为你需要这样的东西: http://plnkr.co/edit/gp0zIwnj9Oz3IpQPXhDI?p=preview
我在你的指令范围内添加了数据,这些数据是从控制器传递的

scope: {
  ngModel: '=',somedata:'@'
},

HTML:

<data-ng-pt-header somedata='{{somedata}}'></data-ng-pt-header>

在控制器中:

$scope.somedata='This comes from the controller';

当然还有模板:

<div class="well info-card days-left">
        <legend>Spent</legend>
        <span>{{somedata}}</span>
    </div>

这是将数据传递给指令的众多方法之一,最简单的方法是,如果你想要更多关于指令的信息,那么也有这个优秀的帖子:http://amitgharat.wordpress.com/2013/06/08/the-hitchhikers-guide-to-the-directive/

对于另外两个问题,是的,从控制器向指令发送数据可能是一个好主意,它很大程度上依赖于您想要的数据和逻辑,但您的应用似乎需要它.
最好的解决方案不存在(至少不会只看到一个简单的例子),但由于它似乎是一个简单的数据交换,最简单的方法似乎符合您的要求;)

玩得开心

猜你在找的Angularjs相关文章