angularjsでselect assign ng-options構成メソッドを使用するにはどうすればよいですか?

ここで、angularjs select assign ng-options の設定方法を共有します。これは良い参考値であり、皆さんの役に立つことを願っています。

配列メソッド

データは配列です

$scope.years = [2014, 2015, 2016];

ページ要素

 <select ng-model="item" ng-options="item as y for y in years">
 </select>

デフォルト値を設定

デフォルトのオプションを設定する必要がある場合は、最初に設定できます 1 つのパラメータ:

$scope.item = 2016;
$scope.years = [2014, 2015, 2016];

オブジェクト配列メソッド

データはオブジェクト配列です

$scope.sites = [
 {site : "baidu", url : "https://www.baidu.com"},
 {site : "163", url : "http://www.163.com"},
 {site : "sina", url : "http://www.sina.com"}
];

ページ要素

りー

デフォルトを設定する

デフォルトのオプションを設定する必要がある場合は、最初にパラメータを設定できます:

 <select ng-model="s.site" ng-options="s.site as s.site group by site.group for s in sites">
 </select>

Key-Vules オブジェクト配列メソッド

データはオブジェクト配列です

$scope.site = "163";
$scope.sites = [
 {site : "baidu", url : "https://www.baidu.com"},
 {site : "163", url : "http://www.163.com"},
 {site : "sina", url : "http://www.sina.com"}
];

ページ要素

$scope.cars = {
car1 : {brand : "BYD", model : "Y50", color : "red"},
car2 : {brand : "CC", model : "HF", color : "white"},
car3 : {brand : "JL", model : "JL10D", color : "black"}
};

デフォルト値を設定します

デフォルトのオプションを設定する必要がある場合は、最初にパラメータを設定できます:

<select ng-model="myCar" ng-options="y.brand for (x, y) in cars">
</select>

angularjs ng-options 公式 API

グループタイプ:

$scope.site = "BYD";
$scope.cars = {
car1 : {brand : "BYD", model : "Y50", color : "red"},
car2 : {brand : "CC", model : "HF", color : "white"},
car3 : {brand : "JL", model : "JL10D", color : "black"}
};

オブジェクトタイプ:

label for value in array
select as label for value in array
label group by group for value in array
select as label group by group for value in array track by trackexpr

上記は私が皆さんのためにまとめたものです。役に立つ未来のみんなへ。

関連記事:

NodeJSの親プロセスと子プロセスのリソース共有原理と実装方法

vue axiosの画像アップロードのフォーム送信例

vueで画像とファイルのアップロードを実装するサンプルコード

以上がangularjsでselect assign ng-options構成メソッドを使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。