我见过很多与此非常相似的问题,但我是 Angular 的新手,所以它们不太有意义。这是我的情况:
我定义了一个指令:
robus.directive("titlebar", function() {
return {
restrict: "E",
scope: { title: '@title' },
template: "<header class='bar-title'><h1 class='title'>{{title}}</h1></header>",
replace: true
}
});
我像这样使用这个指令:
<titlebar title="{{workout.name}}"></titlebar>
理想情况下,我想在其中添加可选属性,例如:
<titlebar title="{{workout.name}}" editButton="true" closeButton="true"></titlebar>
我如何在template
定义中处理这些?我一直在阅读有关$compile()
我需要覆盖的功能,但不清楚如何这样做。模板只是简单的字符串,所以我觉得我可以将它们内联而不是将它们作为单独的文件引用。
谢谢!