javascript - Angular 1.5 组件方法 templateUrl + function

Question

我正在尝试让应用程序使用 Angular 1.5.0-beta.2

为了制定“指令”，我有以下代码:

myApp.component('gridshow', {
  bindings: {
    slides: '='
  },
  controller: function() {

  },
  controllerAs: 'grid',
  template: function ($element, $attrs) {
    // access to $element and $attrs
    return [
      '<div class="slidegrid">',
      '<div ng-repeat="slide in grid.slides">',
      '{{slide.image}}',
      '</div>',
      '</div>'
    ].join('')
  }
});

我喜欢模板的想法，该模板返回一个可以访问 $element 和 $attrs 的函数，但是如何将其与 templateUrl 结合起来？

Answer 1

在 1.5.0-beta.2 中 templateUrl 可以是由注入(inject)器调用的函数。 $element 和 $attrs are injected进入both template and templateUrl functions在组件中，以及任何其他依赖项。

这意味着

  ...
  templateUrl: function ($element, $attrs) {
    // access to $element and $attrs
    ...
    return $attrs.uninterpolatedTemplateUrl;
  }

可以替代。