我得到这个错误,当我点击按钮,而不输入任何东西在输入字段。我看到这是因为命名约定为“lunchCtrl.iform.inputText”。当我用它作为“lunchCtrl.inputText”或只是“inputText”在控制器和HTML它没有错误的空值onbutton点击良好。 如果我输入任何文字并点击按钮,它会很好。TypeError:无法读取由于命名惯例未定义的属性'inputText',我使用像“lunchCtrl.iform.inputText”
任何人都可以帮助我什么错误在这里。 我在下面的jsfiddle [here] [1]中附加了代码。请帮我找到原因。这里
代码: 的index.html
午餐检查
placeholder="list comma separated dishes you usually have for lunch"
class="form-control" ng-model="lunchCtrl.iform.inputText">
Check If Too Much
Entered values::{{lunchCtrl.iform.inputText}}
App.js:
var app=angular.module('LunchCheck', []);
app.controller('LunchCheckController', ["$scope",function($scope){
//function for checkTooMuch() ng-click event
$scope.checkTooMuch=function(){
var inputfieldVal=$scope.lunchCtrl.iform.inputText;
$scope.inputfieldValScope=inputfieldVal;
var array=inputfieldVal.split(',');
//$scope.array=array;
var arrLen=array.length;
if(arrLen > 3){$scope.errorMsg="Too much!";}
else{$scope.errorMsg="Enjoy!";}
}
}]);