Angular指令将数据传递给模板

时间:2016-07-19 11:11:54

标签: angularjs angularjs-directive

我有一个指令,我需要将一些数据传递到模板中。 根据我的理解,我应该可以做这样的事情。

return {
 template: '<p>{{answers}}</p>',
 restrict: 'E',
 scope: {
   data: '='
},

scope.answers = scope.data.answers;

我的scope.answers = [&#34;不&#34;,&#34;是&#34;,&#34;是&#34;,&#34;是&#34;]

但是html中没有显示任何数据。这种方法有什么问题?

2 个答案:

答案 0 :(得分:0)

是的,这应该有效。 scope.data应该来自父控制器。

在视图中

<my-directive data ="myData"></my-directive> 

在控制器中:

$scope.myData = {
answers: ["no", "yes", "Yes", "Yes"]
};

在指令模板中:

<p ng-repeat="answer in answers">{{answer}}</p>

答案 1 :(得分:0)

除了@Devanshu Madan的帖子之外,我还想分享教程的链接。在this教程之后,可以轻松地创建将指令传递到特定指令的模板部分并在其中呈现的指令。

最好查看链接,通过适当的信息,您将获得所需的背景信息。