Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 引用变量作为指令模板内容_Angularjs - Fatal编程技术网

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>'
        }
    })
});