javascript - AngularJSng-いくつかのフィールドを持つオプション

Question

ユーザー情報を含むオブジェクトのコレクションがあります。

"Id": "1",
"Firstname": "ABCDEF",
"Lastname": "GHIJK",
"Middlename": ""

選択オプションで、2つのフィールドを表示したい- Firstname Lastname。それを行う方法とそれをにバインドする方法がわかりませんng-model。

Answer 1

あなたはこれを試すことができます：

<select 
  name="users" 
  ng-model="selectedUser" 
  ng-options="user.Id as user.Firstname + ' ' + user.Lastname for user in users">
</select>

ドキュメントの詳細情報：https ：//docs.angularjs.org/api/ng/directive/select

Answer 2

配列オブジェクトの形式が次のようになると考えてください。

$scope.userInfo = [
                    {"Id": "1", "Firstname": "ACDEF", "Lastname": "GHIJK", "Middlename": ""},
                    {"Id": "2", "Firstname": "BADEF", "Lastname": "HIGJK", "Middlename": ""},
                    {"Id": "3", "Firstname": "CDBEF", "Lastname": "IIHJK", "Middlename": ""},
                ]

このように 2 つのフィールドを表示し、以下に示すようにモデルにバインドできます。

<select ng-model="userInfo" ng-options="s.Firstname +' '+ s.Lastname for s in userInfo" class="span2"> </select> 

Answer 3

追加更新だけで、

括弧で囲まれた姓を表示する必要があったため、回答を変更して機能させる方法を次に示します。

<select 
   name="users" 
   ng-model="selectedUser" 
   ng-options="user.Id as user.Firstname + ' (' + user.Lastname + ') ' for user in users">
</select>