如果选择了Dropdown，则推入一个数组，否则，推入另一个数组

If Dropdown Selected, push into one array, otherwise, push into a different one

本文关键字：数组 一个 选择 否则 另一个 如果 Dropdown      更新时间：2023-09-26

我正在编程一个应用程序，我想在一个数组中推送一些东西，如果选择了下拉列表中的一个项，如果没有，那么它应该将其推送到另一个数组。这里有一些代码：

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");
  };
};

我不知道ionic框架，但在angular代码和html中需要更改。需要在选项标签中使用value="someVlue"，并像if($scope.selOption === "Chest")而不是if($selOption = "Chest") 一样进行比较

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}
};

另一个选项是使用ng 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>
相关文章：