返回模板的指令需要范围变量

时间:2015-11-25 11:29:41

标签: angularjs angularjs-directive angularjs-scope

为每个单元格加载内容(" html /脚本模板")的模板:

<td class="tableColumnsDocs" ng-repeat="attobj in columns track by $index" >
  <div ng-init="values = dbo.get4(attobj.key); key = attobj.key; template = attobj.template || getAttributeTemplate(dbo.clazz + attobj.key);">
      <div plain-template="template">
      </div>
  </div>
</td>

我需要指令来访问值&#34;模板&#34;来自其指令&#34; plain-template&#34;

指令:

app.directive('plainTemplate', function($parse) {
  return {
    templateUrl: 'testTemplate',
    function (scope, element, attrs) {

        console.log($parse(attrs.plainTemplate));
    }
  };
});

1 个答案:

答案 0 :(得分:1)

您可以使用类似

的内容
app.directive('plainTemplate', function($parse) {
  return {
    templateUrl: 'testTemplate',
    scope: {
      plainTemplate:"=" 
    },
    link: function (scope, element, attrs) {
        console.log(scope.plainTemplate));
    }
  };
});

当你在html中调用它时,你的变量应该像

<plain-template test-template="anything"> </plain-template>

这是孤立的范围。您可以在https://docs.angularjs.org/guide/directive

查看更多信息