使用変数

Question

このコードは動作しますngが、含まれています。私も'Test.html'と"'Test.html'"に同じ結果を設定しました。

これを正常にng-include srcで使用する式に変換できますか？私は文字列がどのように解析されるかについていくつかの知識が不足していると思うが、私はかなり確信していた。'Test.html'はうまくいくはずだ。

Answer 1

これを確認してください。多分、fiddleがお手伝いします。

HTMLテンプレート：

<div ng-controller="Ctrl"> 
    <select ng-model="template" ng-options="t.name for t in templates"> 
    <option value="">(blank)</option> 
    </select> 
    url of the template: <tt>{{template.url}}</tt> 
    <hr/> 
    <div ng-include src="template.url" onload='myFunction()'></div> 
    </div> 

<!-- template1.html --> 
<script type="text/ng-template" id="template1.html"> 
    Content of template1.html 
</script> 

<!-- template2.html --> 
<script type="text/ng-template" id="template2.html"> 
    <p ng-class="color">Content of template2.html</p> 
</script> 

コントローラ：

function Ctrl($scope) { 
    $scope.templates = [{ 
     name: 'template1.html', 
     url: 'template1.html'}, 
    { 
     name: 'template2.html', 
     url: 'template2.html'}]; 
    $scope.template = $scope.templates[0]; 

    $scope.myFunction = function() { 
     $scope.color = 'red'; 
    } 
} 

Answer 2

私は私自身の変数の名前を変更するにはあまりにも無能だということが分かりました。 ctrl.URLは本当にctrl.URlでした。今はすべてが機能しています。