Question

我的AngularJS页面上有一些重复的组件，例如billingAddress，shippingAddress和primaryAddress。我为地址组件创建了一个单独的模板文件，并希望能够使用ng-include在我的页面上包含模板三次。我无法找到将模型传递给模板的文档。我正在寻找的是像

<div ng-include="address.tpl.html" ng-model="{address: primaryAddress}"></div>
<div ng-include="address.tpl.html" ng-model="{address: billingAddress}"></div>
<div ng-include="address.tpl.html" ng-model="{address: shippingAddress}"></div>

到目前为止，这是否可能？

Answer 1

他是针对什么指令。

angular.module('docsSimpleDirective', [])
  .directive('myAddress', function() {
    return {
      scope: {
          address : '='
      },
      templateUrl: 'address.tpl.html'
    };
  });

然后在你的模板中简单地使用$ scope.address。在声明指令时，你应该像这样使用它。

<my-address address="primaryAddress"><my-address>
<my-address address="billingAddress"><my-address>
<my-address address="shippingAddress"><my-address>

在AngularJS的同一页面中多次使用模板

1 个答案: