Angularjs 错误参数 ng:areq 错误 [英] Angularjs bad argument ng:areq error

查看：30
本文介绍了Angularjs 错误参数 ng:areq 错误的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我在运行应用程序时遇到此错误.此错误仅出现在一个控制器中.我以同样的方式完成了其他控制器，但在这个特定的控制器中，我收到以下错误.

<块引用>

参数 '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-horizo​​ntal" 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屋！

查看全文
相关文章
其他开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆