摆在NG模型两个值在Angularjs [英] put two values in ng model at Angularjs

问题描述

我需要显示当前位置存储或当前员工哪来的库存是目前

I need to show current location storage or current employee wheres the inventory is at the moment

<select class=" form-control"  ng-model="location.name">
        <option value="">Choose Location</option>
    <optgroup label="Locations">
        <option value="{{location.resource_uri}}" ng-repeat="location in locations">{{location.name}}</option>  
    </optgroup>
    <optgroup label="Holder">
        <option value="{{user.resource_uri}}" ng-repeat="user in users">{{user.first_name + ' ' + user.last_name}}</option>
    </optgroup>
</select>

我可以把NG-模型两个值，所以如果位置不为空，我获得当前位置，如果该位置是空的，我得到员工姓名选择。

Can I put in ng-model two values, so if location is not null, i get current Location, if the location is null , i get employee name selected.

推荐答案

看看这个

工作演示

Working Demo

HTML

    <div class="form-control"  ng-app="main" ng-controller="Controller">
    <select ng-model="category">
        <optgroup ng-repeat="category in categories" label="{{ category.name }}">
            <option ng-repeat="subCat in category.items"> 
                <span ng-switch="category.name">
                    <span ng-switch-when="Location">
                        {{ subCat.name }}
                    </span>
                    <span ng-switch-when="Holder">
                        {{subCat.first_name+" "+subCat.last_name}}
                    </span>
                </span>
            </option>
        </optgroup>
    </select>

    {{category}}
</div>

脚本

var main = angular.module('main', []);
// Main Controller
main.controller('Controller', function ($scope) {
    $scope.categories = [{
        id: 5,
        name: "Locations",
        items: [{
            resource_uri: 'ABC',
            name: "ABC-Name"
        }, {
            resource_uri: 'XYZ',
            name: "XYZ-Name"
        }, {
            resource_uri: 'LMN',
            name: "LMN-Name"
        }, {
            resource_uri: 'PQR',
            name: "PQR-Name"
        }]
    }, {
        id: 17,
        name: "Holder",
        items: [{
            first_name: 'Manu',
            last_name: 'Mathew'
        }, {
            first_name: 'Sunny',
            last_name: 'Mathew'
        }, {
            first_name: 'Jacob',
            last_name: 'Mathew'
        }, {
            first_name: 'Vijay',
            last_name: 'Mathew'
        }]
    }];
});

这篇关于摆在NG模型两个值在Angularjs的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！