在阵列中推送数据-角度/离子

Pushing Data in Array - Angular/Ionic

本文关键字:-角度 离子 数据 阵列      更新时间:2023-09-26


我正在开发一个应用程序,我想在数组中推送数据,但它不起作用。也许你可以看看我的代码。

抛出的错误消息:ionic.bundle.js:25642类型错误:无法读取未定义的属性"title"范围内$scope.createEx(app.js:63)范围内$scope.createEx(app.js:62)

Index.html

<script id="templates/addEx.html" type="text/ng-template">
      <ion-view view-title="GymHelper">
        <ion-content padding="true" ng-controller="OverallCtrl">
          <div class="list">
            <label class="item item-input item-floating-label">
              <span class="input-label">Exercise Title</span>
              <input ng-model="exer.title" type="text" placeholder="Title">
            </label>
            <label class="item item-input item-floating-label">
              <span class="input-label">Exercise Sets</span>
              <input ng-model="exer.set" type="text" placeholder="Sets">
            </label>
            <label class="item item-input item-floating-label">
              <span class="input-label">Exercise Reps</span>
              <input ng-model="exer.rep" type="text" placeholder="Reps">
            </label>
            <label class="item item-input item-floating-label">
              <span class="input-label">Extra Information</span>
              <input ng-model"exer.inf" type="text" placeholder="Extra Information">
            </label>
            <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>
          </div>
          <button class="button button-block button-positive" ng-click="createEx(exer)">
            Create Exercise
          </button>
        </ion-content>
      </ion-view>
    </script>

App.js

app.controller('OverallCtrl', function($scope, $ionicListDelegate, $state) {
  $scope.selOption == "Chest";
  $scope.createEx = function(exer) {
    if($scope.selOption == "Chest"){
      $scope.chestEx.push({title: exer.title, sets: exer.set, reps: exer.rep, exInf: exer.inf});
      console.log("Pushed to Chest Array.");
      $state.go('chest')
    };
  }
  $scope.chestEx = [
          {title: "Crowls", sets: 3, reps: 15, exInf: "Make 5 minute pause between Sets."},
                  ]
})

请定位

 $scope.chestEx = [
          {title: "Crowls", sets: 3, reps: 15, exInf: "Make 5 minute pause between Sets."},
                  ]

在$scope.createEx函数

之上