使用Angular控制器中的选项生成动态下拉列表

时间:2017-04-03 12:41:53

标签: javascript angularjs

在我的视图文件中,我只有一个按钮。我想在点击按钮时附加下拉菜单。 这是我的代码:

控制器文件

$scope.appendnewrow = function (result) {
  var tr = '<select><option ng-repeat="'+site in
  result+'">'+site.name+'</option></select>';
  var temp = $compile(tr)($scope);
  angular.element(document.getElementById('123')).append(temp);
}

查看文件

<a ng-click="appendnewrow(result)">Add domain</a>

当我运行此代码时,选项没有填充。

1 个答案:

答案 0 :(得分:1)

这不是 Angular方式对此做的。

考虑到您的数据位于$scope.result,您可以使用ng-options显示数组:

<a ng-click="addRow(row)">Add domain</a>
<select ng-options="site as site.name for site in result"></select>

在您的控制器中添加此功能:

$scope.addRow = function(newRow) {
    $scope.result.push(newRow);
}

以下是JSFiddle demo看起来的样子。