angularjs - Controller 如何与 AngularJS 中的指令对话？

Question

我有一个显示 4 个闪存卡的应用程序，其中 3 个由一个指令填充

对于最后一张卡，我希望该值取决于 Controller

基于 View (和对应的 Controller )， Controller 可以填写第四张卡片的值。

出于演示目的，请参阅 here

问题
- 如何从某个 Controller 更新第四张卡中的值？
- 将值从某个 Controller 推送到指令是否是一个好主意？
- 最好的解决方案是什么？

我是 Angular 的新手，并开始了解它

Answer 1

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

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

HTML :

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

在 Controller 中:

$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/

对于另外两个问题，是的，将数据从 Controller 发送到指令可能是个好主意，这在很大程度上取决于您想要的数据和逻辑，但您的应用程序似乎需要它。
最好的解决方案不存在(至少不是只看到一个简单的例子)，但由于它似乎是一个简单的数据交换，最简单的方法似乎符合您的要求；)

玩得开心