使用AngularJS將其他參數傳遞給模板

Question

我有以下指令：

app.directive("actTemplate", function() {
return {
    restrict: 'A',
    templateUrl: "/views/myTemplate.html"
};
});

我如何將其他參數傳遞給myTemplate這樣：

<div>
{{aditionalParam}}

...

</div>

取值？

Answer 1

限定

app.directive("actTemplate", function() {
  return {
    restrict: 'A',
    templateUrl: "/views/myTemplate.html"
    scope: {
      foo: '=boo'
    }
  };
});

模板

<div>
  {{foo}}
</div>

采用

<actTemplate boo="lalala" />

Answer 2

您必須指定您的指令應該創建它的內部范圍。 然后可以單綁定或雙綁定方式共享作用域變量（請參閱指令作用域綁定doc ）

app.directive("actTemplate", function() {
    return {
        restrict: 'A',
        scope: {
            additionalParam: '='
        },
        template: "<div>{{additionalParam}}</div>"
    };
});

然后使用以下虛線語法“調用”您的指令：

<div act-template additional-param="foobar">

您可以像此jsfiddle示例中那樣具有單向綁定（controller->指令）。

或兩種方式的數據綁定（controller <->指令），如本例所示 。