Question

我正在尝试使用$sce.trustAsHtml()函数动态添加下拉列表，但我在UI中获得了一个空列表。这是代码：

$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>");
 }

在HTML中，我想将其呈现为表格：

<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

但显示空表，请帮助

Answer 1

您正在动态添加它，您不能传递绑定值而是传递Complete JSON对象。

与之合作 this example

角料中的

md-select

使用angularJS控制器生成下拉列表

1 个答案: