html文件中未定义属性名错误,TypeError：无法读取由于命名惯例未定义的属性'inputText'，我使用像“lunchCtrl.iform.inputText”...

我得到这个错误，当我点击按钮，而不输入任何东西在输入字段。我看到这是因为命名约定为“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!";}

}

}]);