Javascript 使用angularJS控制器生成下拉列表
我试图使用Javascript 使用angularJS控制器生成下拉列表,javascript,angularjs,html,Javascript,Angularjs,Html,我试图使用$sce.trustAsHtml()函数动态添加下拉列表,但在UI中得到一个空列表。代码如下: $scope.addRowtrain = function() { $scope.locomotivesList = [{"name": "loco1", "value":"1"}, {"name": "loco2", "value":"2"}]; tableData[id] = $sce.trustAsHtml('CTRun'+counter++); tab
$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>");
}
$scope.addRowtrain=函数(){
$scope.motorveslist=[{“name”:“loco1”,“value”:“1”},{“name”:“loco2”,“value”:“2”}];
tableData[id]=$sce.trustAsHtml('CTRun'+计数器++);
tableData[type]=$sce.trustAsHtml(“”);
}
在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
{{p}
添加运行
...
在动态添加时,不能传递绑定值,而要传递完整的JSON对象
它正在与
md select
在angular material中如果要动态添加它,则不能传递绑定值,而必须传递完整的JSON对象
它正在与
md select
在angular material中不应该tableData
是:$scope.tableData
?哦,很抱歉,我错过了这一行,tableData是一个对象,之后我将创建一个数组作为$scope.tableData.push(tableData);tableData
不应该是:$scope.tableData
?哦,很抱歉,我错过了这一行,tableData是一个对象,之后我将创建一个数组作为$scope.tableData.push(tableData);我如何传递完整的json对象,你能给我一个例子吗?试着看看上面的例子里面有所有的东西吗?我如何传递完整的json对象,你能给我一个例子吗?试着看看上面的例子里面有所有的东西吗