在angularjs中填充下拉列表

我在ng-repeat构建的angularjs视图中有一个表。在每个表格行中都有一个按钮。如果您点击按钮，会显示详细信息行。在angularjs中填充下拉列表

此细节行有一个表格和另一个ng-repeat-table。

在第二个表格中有用于删除和编辑的按钮。该表单包含两个下拉输入来编辑第二个表格的行内容。

如果我点击第二个表中的删除或编辑按钮，应该用传递的数据填充表单域（下拉菜单）。我该如何以编程方式使用angularjs？

来源

2016-04-27 Myko

请分享一下，你尝试过这么远吗？ – Sajal

脚本在没有互联网访问的计算机上，因此无法进行复制。

选择列表已填充，因此选项中的选项正常工作。但ng选择不正确。我也试过$ parent.object.value ==选项，但没有成功。 – Myko

也许你正在试图做到这一点：

<div ng-app> 
    <h2>Todo</h2> 
    <div ng-controller="myCtrl"> 
    <select ng-model="select1" ng-options="item.id as item.name for item in Items"> 

    </select> 
    <table> 
    <tr ng-repeat="item in Items"> 
     <td>{{item.name}}</td> 
     <td><a href="#" ng-click="Edit(item)">Edit</a></td> 
    </tr> 
    </table> 
    </div> 
</div>

AngularJS

function myCtrl($scope) { 
    $scope.Items = [ 
    { 
     id: 1, 
     name: "ABC" 
    }, 
    { 
     id: 2, 
     name: "DEF" 
    }, 
    { 
     id: 3, 
     name: "GHI" 
    } 
    ] 
    $scope.Items.unshift({id: 0, name: '--select--'}) 
    $scope.select1 = 0; 

    $scope.Edit = function(item) { 
    $scope.select1 = item.id; 
    } 
}

来源

2016-04-27 07:33:19 Abhinav

select是包含项目所有字段的表单的一部分（例如item.type留在您的示例中）。这些表单域显示为下拉列表（选择），我想填充选定项目的数据（通过编辑（项目）传递到显示项目数据的表单中。 – Myko

在angularjs中填充下拉列表

回答

相关问题