2016-08-09 5 views
1

ドロップダウン$sce.trustAsHtml()関数を使用して動的に追加しようとしていますが、UIに空のリストが表示されています。ここでは、コードです:HTMLではangleJSコントローラを使用してドロップダウンを生成します

$scope.addRowtrain = function() { 
    $scope.locomotivesList = [{"name": "loco1", "value":"1"}, {"name": "loco2", "value":"2"}]; 
    tableData[id] = $sce.trustAsHtml('CTRun'+counter++);  
    tableData[type] = $sce.trustAsHtml("<select data-ng-model='selectedLoco' data-ng-options='loco.name for loco in locomotivesList'></select>"); 
} 

、私はそれを表としてレンダリングする:

<table> 
    <tbody> 
    <tr ng-repeat="data in tableData track by $index"> 
     <td ng-repeat="(k, p) in data track by $index"><span ng-bind-html=p>{{p}}</span></td> 
    </tr> 
    </tbody> 
<a class="btn btn-danger" ng-click="addRowtrain()">Add Run</a> 
... 
</table 

が、それは空のテーブルが表示されている、あなたはそれを追加している

+0

は'ことtableData'べきではない角度の材料に this example

md-selectで働いて

? – m0ngr31

+0

ああ申し訳ありませんが、私は行を見逃しました、tableDataはオブジェクトです、その後、私は$ scope.tableData.push(tableData)として配列を作成しています。 – LIQvID

答えて

0

を助けてください動的にJSONオブジェクトを渡す代わりにバインディング値を渡す必要はありません。 `$ scope.tableData`:それは

+0

私はどのように完全なJSONオブジェクトを渡すのですか?PLZは私に例を挙げることができますか? – LIQvID

+0

上記の例を見てみると、その中にすべてのものがある –

関連する問題