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

Question

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

控制器文件

$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>

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

Answer 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看起来的样子。