Angularjs 引用变量作为指令模板内容
是否可以将字符串变量设置为模板的内容? 我想根据范围选择两个不同的模板。 大概是这样的:Angularjs 引用变量作为指令模板内容,angularjs,Angularjs,是否可以将字符串变量设置为模板的内容? 我想根据范围选择两个不同的模板。 大概是这样的: define(['app'], function(app){ app.directive('logstorelist', function(){ var temp=""; return{ scope: true, restrict: 'A', link: function(s, e, a){
define(['app'], function(app){
app.directive('logstorelist', function(){
var temp="";
return{
scope: true,
restrict: 'A',
link: function(s, e, a){
if(a=="a")
temp = "<a>tempA</a>";
else
temp = "<div>temp</div>";
},
replace: true,
template: temp
}
})
});
define(['app'],函数(app){
应用程序指令('logstorelist',函数(){
var temp=“”;
返回{
范围:正确,
限制:“A”,
链接:功能(s、e、a){
如果(a==“a”)
temp=“tempA”;
其他的
temp=“temp”;
},
替换:正确,
模板:temp
}
})
});
这样做可能吗 您只能使用一个模板,并根据范围变量使用
ng开关来加载内容(如果您不介意额外的
):
define(['app'],函数(app){
应用程序指令('logstorelist',函数(){
var temp=“”;
返回{
范围:正确,
限制:“A”,
链接:功能(s、e、a){
s、 温度=a;
},
替换:正确,
模板:
'
坦帕
临时雇员
'
}
})
});
Thx,效果非常好:)我还有很多功能需要注意。哦,我应该说这不是ng开关on=“temp”。这将是ng switch=“temp”。。。
define(['app'], function(app){
app.directive('logstorelist', function(){
var temp="";
return{
scope: true,
restrict: 'A',
link: function(s, e, a){
s.temp = a;
},
replace: true,
template:
' <span ng-switch="temp">
<a ng-switch-when="a">tempA</a>
<div ng-switch-default>temp</div>
</span>'
}
})
});