Angular 1.5组件方法templateUrl +函数

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可以是由注入器调用的函数。$element和$attrs
注入到两个template和templateUrl功能中component，以及任何其他依赖关系。

这意味着

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

可以代替。