Question

我有以下指令：

angular.module('SuperCtrl').directive('listDirective',function(){
  return {
    restrict:'E',
    scope: {
      title:"="
    },
    templateUrl: '../templates/listWidget.html'
  };
});

我希望能够重复使用它，并希望能够将参数作为标题传递。

在模板中我有这个片段：

<h3 class="voice voice-brand pull-left" style="font-weight:bold">{{title}}</h3>

然后在index.html：

<list-directive title="test1" ng-show="eventsActive"></list-directive>

但是当我打开此页面时，我只看到{{title}}。

传递＆＃34; title＆＃34;的正确方法是什么？

谢谢！

Answer 1

请注意，title是HTML属性，因此请避免将此名称用于指令输入，除非使用data-title语法。此外，=范围数据用于双向绑定，这不是这种情况（您只需要一个字符串） - 在这种情况下，使用@字符串值声明更容易。所以：

scope:{
  listTitle: "@"
},

和

<list-directive list-title="test1"  ng-show="eventsActive"></list-directive>

和

<h3 class="voice voice-brand pull-left" style="font-weight:bold">{{listTitle}}</h3>

这应该解决它。

将参数传递给Angularjs中的指令

1 个答案: