无法获取未定义或空引用的属性“主题”答案

【问题标题】：Unable to get property 'subject' of undefined or null reference无法获取未定义或空引用的属性“主题”
【发布时间】：2016-06-24 14:22:43
【问题描述】：

我正在尝试用 ionic 制作一个小应用程序，但是当我从 UI 调用 $scope.saveClass() 函数时，它给了我这个错误。

无法获取未定义或空引用的属性“主题”

我不明白，因为他不工作。前提：我是 ionic/angularjs 开发的新手。

提前感谢您的帮助

代码 (www/js/controllers.js)

 angular.module('starter.controllers')
    .service("DB", function() {
        this.classDB = new PouchDB("classesDB");
    })

    .controller("AddClassCtrl", function ($scope, DB) {
        $scope.saveClass = function () {
            var newclass = {
                "_id": $scope.class.subject,
                "subject": $scope.class.subject,
               "room": $scope.class.room
            }

            DB.classDB.put(newclass);

            window.location.href = '#app/schedule'
        };
    })

代码（add-class.html）

<ion-content controller="AddClassCrtl">
   <div class="list">

   <!--Select the subject-->
   <label class="item item-input item-select">
      <div class="input-label">
         Subject
      </div>
      <button class="button button-block button-positive overflowShow"> Add a subjects </button>
      <select class="item-input" ng-model="class.subject" ng-selected="class.subject">
         <option ng-repeat="subject in subjects">{{subject}}</option>
      </select>
   </label>
   <!--Insert the room number-->
   <label class="item item-input item-stacked-label">
      <input type="text" placeholder="Room" ng-model="class.room" ng-text-change="class.room">
   </label>
   <div class="item">
      <button ng-click="discardClass()" class="button button-block">Discard</button>
      <button ng-click="saveClass()" class="button button-block">Save</button>
    </div>
  </div>
</ion-content>

【问题讨论】：

标签： javascript angularjs ionic-framework

【解决方案1】：

这可能是因为你没有初始化 $scope.class 变量，事实上，当你尝试访问 $scope.class.subject 时，$scope.class 是未定义的。在控制器的开头添加此代码：

$scope.class = {};

【讨论】：