Select 如何在AngularJS中显示下拉/选择选项中的多个值?

Select 如何在AngularJS中显示下拉/选择选项中的多个值?,select,drop-down-menu,Select,Drop Down Menu,我对AngularJS开发非常陌生,正在使用AngularJS(Pre-2)。我有以下要求 客户列表的格式如下 {customerID: 100, customerNumber: 1002, CustomerName: "John DoeA"}, {customerID: 101, customerNumber: 1003, CustomerName: "John DoeB"}, {customerID: 102, customerNumber: 1004, CustomerName: "Joh

我对AngularJS开发非常陌生,正在使用AngularJS(Pre-2)。我有以下要求

客户列表的格式如下

{customerID: 100, customerNumber: 1002, CustomerName: "John DoeA"},
{customerID: 101, customerNumber: 1003, CustomerName: "John DoeB"},
{customerID: 102, customerNumber: 1004, CustomerName: "John DoeC"},

so, $scope.customers = customerList;
在选择选项中,我有以下内容

<select ng-model="customerID"
                ng-options="customer.customerID as customer.CustomerName +
        '  (' + customer.customerNumber + ')' for customer in customers">                
        </select>
我非常感谢任何机构在这方面的帮助

提前感谢。

请尝试以下代码:

选择客户:


您选择了: CustomerID:{{selectedCustomer.CustomerID}
customerNumber:{{selectedCustomer.customerNumber}
客户名称:{{selectedCustomer.customerID}
var-app=angular.module('myApp',[]); 应用程序控制器('myCtrl',函数($scope){ $scope.customers=[ {customerID:100,customerNumber:1002,CustomerName:“John DoeA”}, {customerID:101,customerNumber:1003,CustomerName:“John DoeB”}, {customerID:102,customerNumber:1004,CustomerName:“John DoeC”} ]; });
Once the user has selected one customer say, John DoeA, I would like display the entire customer information

Customer Number: 1002 (text box) Customer Name: John DoeA

How do I accomplish this one?
    <p>Select a customer:</p>


    <select ng-model="selectedCustomer"
                    ng-options=" customer.CustomerName +
            '  (' + customer.customerNumber + ')' for customer in customers">                
            </select>
            </br>

    <h1>You selected:</h1>
    <span>CustomerID:</span>   {{selectedCustomer.customerID}} </br>
         <span>customerNumber:</span>   {{selectedCustomer.customerNumber}} </br>
         <span>CustomerName:</span>   {{selectedCustomer.customerID}} </br>

    </div>

    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.customers = [
          {customerID: 100, customerNumber: 1002, CustomerName: "John DoeA"},
          {customerID: 101, customerNumber: 1003, CustomerName: "John DoeB"},
          {customerID: 102, customerNumber: 1004, CustomerName: "John DoeC"}
        ];
    });
    </script>