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

时间:2013-06-20 20:33:43

标签: javascript angularjs

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

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

可以在此处查看代码http://plnkr.co/edit/MTkW1NujanzDFm7r2IHu?p=preview

1 个答案:

答案 0 :(得分: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