作爲變量而不是字符串訪問模板內的本地作用域變量

Question

我創建了一個指令，其中我有一個作用域（本地），變量爲type，並且該值應返回相應的模板。 chooseTemplateByType返回帶有適當模板的字符串，該模板基於type，例如可能是text_field。

template: 
    chooseTemplateByType(type) 

的問題是如何訪問變量類型我的本地範圍的，所以我可以傳遞值進入我的功能chooseTemplateByType

Answer 1

實現這一目標的最佳途徑是通過傳遞type變量的指令屬性。

HTML

<my-directive type="foo"></my-directive> 

JS

myApp.directive('myDirective', function() { 
    return { 
    template: function(elem, attr){ 
     return "<h1>" + attr.type + "</h1>"; // will output <h1>foo</h1> 
    } 
    }; 
}); 

OR

myApp.directive('myDirective', function() { 
    return { 
    templateUrl: function(elem, attr){ 
     return attr.type + '.html'; // will load foo.html 
    } 
    }; 
});