我正在尝试使应用程序可以使用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?
$element
$attrs
在1.5.0-beta.2中templateUrl可以是由注入器调用的函数。$element和$attrs 注入到两个template和templateUrl功能中component,以及任何其他依赖关系。
templateUrl
template
component
这意味着
... templateUrl: function ($element, $attrs) { // access to $element and $attrs ... return $attrs.uninterpolatedTemplateUrl; }
可以代替。