ドロップダウンが選択されている場合は1つの配列にプッシュし、そうでない場合は別の配列にプッシュ

Question

アプリをプログラミングしていて、ドロップダウンの項目が選択されている場合は何かをプッシュしたいそれを別のアレイにプッシュします。 はHERESにいくつかのコード：

html.js

<label class="item item-input item-select"> 
    <div class="input-label"> 
    Muscle 
    </div> 
    <select ng-model="selOption"> 
    <option>Chest</option> 
    <option>Biceps</option> 
    <option>Back</option> 
    <option>Stomach</option> 
    <option>Legs</option> 
    <option>Triceps</option> 
    <option>Shoulders</option> 
    <option>Traps</option> 
    </select> 
</label> 

app.js

$scope.selOption = "Chest"; 

$scope.createEx = function(){ 
    if($selOption = "Chest") 
    { 
    $scope.chestEx.push({title:...., reps:....}); 
    console.log("Test"); 
    }; 
}; 

Answer 1

私はイオン・フレームワークを知っているが、角度コードとhtmlに変更する必要はありません。 。

<select ng-model="selOption"> <!--if you want to call on change value then use ng-change="createEx()"--> 
    <option value="Chest">Chest</option> 
    <option value="Biceps">Biceps</option> 
    <option value="Back">Back</option> 
    <option value="Stomach">Stomach</option> 
    <option value="Legs">Legs</option> 
    <option value="Triceps">Triceps</option> 
    <option value="Shoulders">Shoulders</option> 
    <option value="Traps">Traps</option> 
</select> 

とコントローラコード：

$scope.selOption = "Chest"; 

$scope.createEx = function() { 
    if($scope.selOption === "Chest"){ 
     $scope.chestEx.push({title:...., reps:....}); 
     console.log("Test"); 
    } 
    else {// as you need} 
}; 

Answer 2

別のオプションはng-を使用することです はあなたオプションタグでvalue="someVlue"を使用し、代わりにif($selOption = "Chest")

のHTML if($scope.selOption === "Chest")のように比較する必要がありますchangeディレクティブを呼び出し、次のようなオプションの配列を繰り返します。

https://jsfiddle.net/kdb9ed7f/

コントローラ

function Controller($scope) { 
     var vm = this; 

     vm.myOptions = []; 
     vm.options = [ 
     'Chest', 
     'Biceps', 
     'Back', 
     'Stomach', 
     'Legs', 
     'Triceps', 
     'Shoulders', 
     'Traps' 
     ]; 

     vm.checkOption = checkOption; 

     function checkOption() { 
     if (vm.options[vm.selOption] == 'Chest') { 
      vm.myOptions.push({ 
      name: 'Chest' 
      }); 
      vm.selOption = null; 
     } 
     } 
    } 

HTML

<div ng-controller="Controller as ctrl"> 
    <select ng-model="ctrl.selOption" ng-options="k as v for (k,v) in ctrl.options" ng-change="ctrl.checkOption()"> 
     <option>Select One</option> 
    </select> 
    <hr> 
    <ul> 
     <li ng-repeat="option in ctrl.myOptions">{{option.name}}</li> 
    </ul> 
</div>