Angularjs 使用ng选项时如何使用选定的ng

在下拉列表中使用ng选项时，如何使用所选ng

请参考以下列表

$scope.dist_list_e = [
{major_id: '1', minor_id: '1', gi_code: '21810030000'},
{major_id: '1', minor_id: '2', gi_code: '21810040000'},
{major_id: '2', minor_id: '3', gi_code: '21810050000'},
{major_id: '5', minor_id: '5', gi_code: '21810060000'}

];

选择你的选择

请从angular检查此API

注意：ngSelected不与select和ngModel交互 指令，它仅设置元素上的选定属性。如果你 如果在select上使用ngModel，则不应在 选项，因为ngModel将设置选择值和所选选项

---

请从angular检查此API

注意：ngSelected不与select和ngModel交互 指令，它仅设置元素上的选定属性。如果你 如果在select上使用ngModel，则不应在 选项，因为ngModel将设置选择值和所选选项

---

选择的ng应进入选项标记，而不是选择标记。您应该为所选模型而不是阵列使用ng模型，请使用您的脚本查看以下我的更新：

app.controller('MainCtrl', function($scope) {
    $scope.major_head_list = [
        {id: '1', name: 'CAPEX'},
        {id: '2', name: 'Supplier Advance'},
        {id: '3', name: 'Salary Payable'},
        {id: '4', name: 'Employee Benefits'},
        {id: '5', name: 'TDS'}
    ];
    $scope.minor_head_list = [
        {id: '1', name: 'Office Equipment'},
        {id: '2', name: 'Furniture & Fixtures'},
        {id: '3', name: 'OPEX'},
        {id: '4', name: 'Insurance'},
        {id: '5', name: 'TDS on Vendors'}
    ];

    $scope.dist_list_e = [
        {major_id: '1', minor_id: '1', gi_code: '21810030000'},
        {major_id: '1', minor_id: '2', gi_code: '21810040000'},
        {major_id: '2', minor_id: '3', gi_code: '21810050000'},
        {major_id: '5', minor_id: '5', gi_code: '21810060000'}
    ];

    $scope.selected_major_head_list = $scope.major_head_list[0];
});

并选择标签：

<div class="input-field col s12">
    <select name="major_head" class="browser-default" ng-change="major_change($index)"
        data-ng-model="selected_major_head_list" data-ng-options="I.id as I.name for I in major_head_list track by I.id" >
        <option value="">Choose your option</option>
    </select>
</div>

选择你的选择

ng所选内容应进入选项标签，而不是选择标签。您应该为所选模型而不是阵列使用ng模型，请使用您的脚本查看以下我的更新：

app.controller('MainCtrl', function($scope) {
    $scope.major_head_list = [
        {id: '1', name: 'CAPEX'},
        {id: '2', name: 'Supplier Advance'},
        {id: '3', name: 'Salary Payable'},
        {id: '4', name: 'Employee Benefits'},
        {id: '5', name: 'TDS'}
    ];
    $scope.minor_head_list = [
        {id: '1', name: 'Office Equipment'},
        {id: '2', name: 'Furniture & Fixtures'},
        {id: '3', name: 'OPEX'},
        {id: '4', name: 'Insurance'},
        {id: '5', name: 'TDS on Vendors'}
    ];

    $scope.dist_list_e = [
        {major_id: '1', minor_id: '1', gi_code: '21810030000'},
        {major_id: '1', minor_id: '2', gi_code: '21810040000'},
        {major_id: '2', minor_id: '3', gi_code: '21810050000'},
        {major_id: '5', minor_id: '5', gi_code: '21810060000'}
    ];

    $scope.selected_major_head_list = $scope.major_head_list[0];
});

并选择标签：

<div class="input-field col s12">
    <select name="major_head" class="browser-default" ng-change="major_change($index)"
        data-ng-model="selected_major_head_list" data-ng-options="I.id as I.name for I in major_head_list track by I.id" >
        <option value="">Choose your option</option>
    </select>
</div>

选择你的选择

我试过了，但没用。你能试试普朗克吗？我试过了，但没用。你能在plunker试一试吗？你想预选什么？你想预选什么？