內嵌變量模板

Question

我有角控制器

<div ng-include="'Module.' + entry.Module.View + '.template'"></div> 

的entry.Module.View值是「文本字段」下面的HTML。 裏面相同的控制器該腳本標籤存在：

<script type="text/ng-template" id="Module.TextField.template"> 
    <label>{{entry.Label}}</label> 
    <input type="text" ng-model="entry.Value"> 
</script> 

的問題是，這種試圖從外部源加載模板。是否還有另一種更適合從變量加載內聯腳本模板的標籤或方法？

Answer 1

您可以在控制器中創建一個變量，並使用ng-include作爲element而不是attribute。

<ng-include src="moduleUrl"></ng-include> 

並在控制器，你有什麼樣（或如果您使用vm，它相應的改變）

$scope.moduleUrl = 'Module.' + $scope.entry.Module.View + '.template';