Angularjs - 如何檢查未定義的選擇值

Question

如何檢查或從選擇標記中捕獲undefined選擇值。 這是爲了防止用戶忘記從選擇框中選擇。

一直在嘗試下面的JS，但它仍然在控制檯日誌中顯示未定義的錯誤，而不是在瀏覽器中顯示警報。

CODE

<select ng-model="add.partcode" ng-options="x.part_no for x in DistictPartCode" ng-change="Getlocation()"> 
    <option value="">Please select partcode</option> 
</select> 

JS

if(!angular.isUndefinedOrNull($scope.add.partcode.part_no)){ 
    var Partcode = $scope.add.partcode.part_no; 
    }else { 
    var alertPopup = $ionicPopup.alert({ 
     title: 'Error ...', 
     template: 'Please choose your part code first.' 
    }); 
    } 

OR

if(!$scope.add.partcode.part_no){ 
    var Partcode = $scope.add.partcode.part_no; 
    }else { 
    var alertPopup = $ionicPopup.alert({ 
     title: 'Error ...', 
     template: 'Please choose your part code first.' 
    }); 
    } 

錯誤控制檯。

TypeError: Cannot read property 'part_no' of undefined

Answer 1

即選擇任何對象時是becuse $scope.add.partcode成爲對象，否則它只是一個null和null沒有屬性來訪問它們使用.

嘗試這樣

if (!$scope.add.partcode) { 
    var alertPopup = $ionicPopup.alert({ 
    title: 'Error ...', 
    template: 'Please choose your part code first.' 
    }); 
} else { 
    var Partcode = $scope.add.partcode.part_no; 
}