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

发布时间：2020-12-17 17:48:33 所属栏目：安全来源：网络整理

导读：我有一个显示4张闪存卡的应用程序,其中3张由一个指令填充对于最后一张卡,我希望值依赖于控制器根据视图(和相应的控制器),控制器可以填写第4张卡的值. 有关演示目的,请参阅 here 题 – 如何从某个控制器更新第4张卡中的值？ – 将值从某个控制器推送到指令

>我有一个显示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/

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

玩得开心

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!