javascript - 在服务和指令之间传递数据

Question

用例很简单，movie.json 包含电影对象。接下来我想使用嵌套电影->电影的指令显示这些对象。我认为最好的中介和数据交换是作为服务。

目前的问题是数据被异步加载，但指令没有接收数据模型。

代码可以在这里看到http://plnkr.co/edit/MTkW1NujanzDFm7r2IHu?p=preview

Answer 1

使用=绑定

scope: { data: "=myMovies"},

而不是@，因为 @ 将导致您的 my-movie 属性值被评估为字符串。即，与

scope: { data: "@myMovies"},

属性data将获得值movies。有了=它就得到了对象。

不需要父指令：

//require: '^movies',

在movie指令中，指令获取的范围已movie定义属性，因此您需要在模板中使用它：

template: 
  '<div>' +
    '<h3>{{ movie.name }}</h3>' +
    '<span>{{ movie.published }}</span>' + 
  '</div>'

plunker