问题描述
限时送ChatGPT账号..我在运行应用程序时遇到此错误.此错误仅出现在一个控制器中.我以同样的方式完成了其他控制器,但在这个特定的控制器中,我收到以下错误.
<块引用>参数 'questionAddCtrl' 不是函数,未定义
控制器:
<代码>;(功能 () {'使用严格';angular.module('app').controller('questionAddCtrl', ['$scope', '$http', function ($scope, $http) {$scope.data = {题: '',ans1: '',ans2: '',ans3: '',ans4: '',ans5: '',正确答案:''};$scope.submit = 函数(选择数据){console.log("提交被按下");var questionAddRequest = {问题":selectData.question,answerOne":selectData.ans1,answerTwo":selectData.ans2,答案三":selectData.ans3,答案四":selectData.ans4,answerFive":selectData.ans5,正确答案":selectData.correct_ans};var url = 'http://localhost/AwtCW2012002/api/restApiController/question.json';$scope.jsonData = JSON.stringify(questionAddRequest);控制台日志(问题添加请求);控制台日志();$http({方法:'POST',网址:网址,数据:问题添加请求}).then(函数(响应){控制台日志(响应);$scope.data = {题: '',ans1: '',ans2: '',ans3: '',ans4: '',ans5: '',正确答案:''};});}}]);})();
观看次数:
<form class="form-horizontal" role="form" name='quizAdd' ng-submit="submit(data)"><div class="form-group"><label class="control-label col-sm-2" for="question">问题:</label><div class="col-sm-10"><input type="text" class="form-control" id="question" ng-model="data.question" placeholder="输入问题"><div class="form-group"><label class="control-label col-sm-2" for="answer1">答案1:</label><div class="col-sm-10"><input type="text" class="form-control" name="answer1" ng-model="data.ans1" id="answer1" placeholder="输入答案1">
<div class="form-group"><label class="control-label col-sm-2" for="answer2">答案2:</label><div class="col-sm-10"><input type="text" class="form-control" name="answer2" ng-model="data.ans2" id="answer2" placeholder="输入答案2">
<div class="form-group"><label class="control-label col-sm-2" for="answer3">答案3:</label><div class="col-sm-10"><input type="text" class="form-control" name="answer3" ng-model="data.ans3" id="answer4" placeholder="输入答案3">
<div class="form-group"><label class="control-label col-sm-2" for="answer4">答案4:</label><div class="col-sm-10"><input type="text" class="form-control" name="answer4" id="answer4" ng-model="data.ans4" placeholder="输入答案4">
<div class="form-group"><label class="control-label col-sm-2" for="answer5">答案5:</label><div class="col-sm-10"><input type="text" class="form-control" name="answer5" id="answer5" ng-model="data.ans5" placeholder="输入答案5">
<div class="form-group"><label class="control-label col-sm-2" for="sel1">选择正确答案:</label><div class="col-sm-10"><select class="form-control" ng-model="data.correct_ans" id="sel1"><option>{{data.ans1}}</option><option>{{data.ans2}}</option><option>{{data.ans3}}</option><option>{{data.ans4}}</option><option>{{data.ans5}}</option></选择>
<div class="form-group"><div class="col-sm-offset-2 col-sm-10"><button type="submit" class="btn btn-default">提交</button>
</表单>
解决方案 尝试设置模块所需的依赖项数组,如下所示:
angular.module('app', []);
代替
angular.module('app');
I'm getting this error when running my application. This error comes in only one controller. I have done other controllers in the same way but in this particular controller I get this following error.
Argument 'questionAddCtrl' is not a function, got undefined
Controller:
;
(function () {
'use strict';
angular.module('app').controller('questionAddCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.data = {
question: '',
ans1: '',
ans2: '',
ans3: '',
ans4: '',
ans5: '',
correct_ans: ''
};
$scope.submit = function (selectData) {
console.log("submit pressed");
var questionAddRequest = {
"question": selectData.question,
"answerOne": selectData.ans1,
"answerTwo": selectData.ans2,
"answerThree": selectData.ans3,
"answerFour": selectData.ans4,
"answerFive": selectData.ans5,
"correctAnswer": selectData.correct_ans
};
var url = 'http://localhost/AwtCW2012002/api/restApiController/question.json';
$scope.jsonData = JSON.stringify(questionAddRequest);
console.log(questionAddRequest);
console.log();
$http({
method: 'POST',
url: url,
data: questionAddRequest
}).then(function (response) {
console.log(response);
$scope.data = {
question: '',
ans1: '',
ans2: '',
ans3: '',
ans4: '',
ans5: '',
correct_ans: ''
};
});
}
}]);
})();
Views:
<div class="container" ng-controller="questionAddCtrl">
<form class="form-horizontal" role="form" name='quizAdd' ng-submit="submit(data)">
<div class="form-group">
<label class="control-label col-sm-2" for="question">Question:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="question" ng-model="data.question" placeholder="Enter Question">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="answer1">Answer 1:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="answer1" ng-model="data.ans1" id="answer1" placeholder="Enter Answer 1">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="answer2">Answer 2:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="answer2" ng-model="data.ans2" id="answer2" placeholder="Enter Answer 2">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="answer3">Answer 3:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="answer3" ng-model="data.ans3" id="answer4" placeholder="Enter Answer 3">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="answer4">Answer 4:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="answer4" id="answer4" ng-model="data.ans4" placeholder="Enter Answer 4">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="answer5">Answer 5:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="answer5" id="answer5" ng-model="data.ans5" placeholder="Enter Answer 5">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="sel1">Select Correct Answer:</label>
<div class="col-sm-10">
<select class="form-control" ng-model="data.correct_ans" id="sel1">
<option>{{data.ans1}}</option>
<option>{{data.ans2}}</option>
<option>{{data.ans3}}</option>
<option>{{data.ans4}}</option>
<option>{{data.ans5}}</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
</form>
</div>
解决方案
Try to set the array of dependencies that your module requires, like so:
angular.module('app', []);
instead of
angular.module('app');
这篇关于Angularjs 错误参数 ng:areq 错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
更多推荐
[db:关键词]
发布评论