動的な角度jsファイルのドロップダウンまたは

Question

$scope.AllCities = window.localStorage.getItem['all_cities'];

<div class="row"> 
 
     <div class="col"> 
 
     <div class="select-child" ng-options="citie.name for citie in AllCities" 
 
\t \t ng-model="data.city"> 
 
      <label>Select Child</label> 
 
      <select class="form-control"> 
 
      
 
<option value="" disabled selected style="display: none;">Please Select City</option> 
 
      
 
      </select> 
 
     </div> 
 
     </div> 
 
    </div>

イオンは、私は、ダイナミックなドロップダウンを作成しようとしましたが、それはここでは未定義を示して私のコード

Answer 1

ダイナミックカテゴリリストのショーです。

その

$scope.categorys = [{ 
      "id": 1, 
      "name": "A", 
      "select": true 
     }, { 
      "id": 2, 
      "name": "B", 
      "select": true 
     }, { 
      "id": 3, 
      "name": "C", 
      "select": true 
     }, { 
      "id": 4, 
      "name": "D", 
      "select": true 
     }, { 
      "id": 5, 
      "name": "E", 
      "select": true 
     }, { 
      "id": 6, 
      "name": "F", 
      "select": true 
     }, { 
      "id": 0, 
      "name": "G", 
      "select": true 
     }]; 

//などの

 <div class="label_EventDetail" align="left">Category</div> 
      <select class="ion-input-select" ng-options="category.name for category in categorys" ng-model="selectedcategory" ng-change="callFunction(selectedcategory)"> 
       <option value="">Select Category</option> 
      </select> 
     </div> 

と$スコープ変数と呼び出し方法は

$scope.callFunction = function(data) { 
     console.log(data); 
     //you selected any data from list show in console. 
    } 

上記のコードである私は、任意のリストからNG-変更イベントが

と呼ばれている選択

ng-change="callFunction(selectedcategory)" 

とcallFunctionは必要ではありません（使用に依存します）。

選択したカテゴリからデータを取得します。