移入ドロップダウンAngularJs

Question

<select class="form-control" ng-model="companyId" style="height: 40px;" ng-options="id for id in companyId"> 
</select> 

Hi.I言う含まcontroller.arrayの結果が取り込まれますコントローラでアレイscope.companyIdを有する[1,2,3] .Iはdropdown.Whatでこれを移入する必要が間違いはやっていますか？

ありがとうございました。

Answer 1

ng-modelを別のものに変更します。あなたの配列名とng-modelは同じです。

<select class="form-control" ng-model="selectedId" style="height: 40px;" ng-options="id for id in companyId"> 
</select> 

ngモデルと配列（companyId）は同じなので、番号を選択すると、companyIdは配列ではなく可変になります。

var app = angular.module("app", []); 
 
app.controller("ctrl", function($scope) { 
 
$scope.companyId=[1,2,3,4]; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
    <select class="form-control" ng-model="selectedId" style="height: 40px;" ng-options="id for id in companyId"> 
 
</select> 
 
</div>

Answer 2

これを試してみてください：

<select class="form-control" ng-model="companyIdModel" style="height: 40px;" ng-options="company_id as id for id in companyId"> 

Answer 3

あなたはこのようにしてみてくださいの選択ngModel

の値として、事前に選択する必要があります任意の項目を設定することができ、

<div ng-app="myApp" ng-controller="myCtrl"> 

</div> 

<script> 
var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
    $scope.companyId = [1,2,3]; 
}); 
</script> 

Answer 4

この

<select ng-model="companyId" class="dropdown form-control input-sm" 
         ng-options="company as company for company in companyList"></select> 

を使用することができます私はあなたが$ scope.companyListにこの$のscope.companyIdの名前を変更することをお勧めします。バインドされたモデルの名前をドロップダウンに変更します。

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 
$scope.companyList= [1,2,3]; 
}) 

ここにはあなたのためのplnkrがあります。 https://plnkr.co/edit/eNVKGeE0M92keNRDoQEE?p=preview