2016-01-13 107 views
0

我想在codeigniter框架中的angularjs中使用POST方法發送一些數據。 我已加載這樣的angularJS未捕獲的錯誤

<script src="<?php echo base_url(); ?>assets/js/jquery-1.11.3.min.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/underscore-min.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/angular.min.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/custom.js"></script> 

<script src="<?php echo base_url(); ?>assets/js/vendor/angular-ui-router.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/vendor/angular-ui-router.min.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/vendor/modernizr-2.6.2.min.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/vendor/ng-table.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/vendor/ng-table.min.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/vendor/ui-bootstrap-tpls-0.11.0.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/vendor/ui-bootstrap-tpls-0.11.0.min.js"></script> 
<script src="<?php echo base_url(); ?>assets/js/vendor/angular-route.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"> 

angularjs,但我得到這樣

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.0-rc.0/$injector/modulerr?p0=app&p1=Error%3…3A%2F%2Flocalhost%2FAwtCW2012002%2Fassets%2Fjs%2Fangular.min.js%3A19%3A421) 

錯誤我該如何解決這一問題?

EDIT

CONTROLLER

這是我所使用的控制器。

; 
(function() { 
    'use strict'; 

    angular.module('app').controller('questionAddCtrl', ['$scope','$state','ngRoute','ngResource','$timeout', '$http', function ($scope,$resource, $timeout, $http) { 


            $scope.data = { 

            question:'', 
            ans1:'', 
            ans2:'', 
            ans3:'', 
            ans4:'', 
            ans5:'', 
            correct_ans:'' 

            }; 

            $scope.submit = function(selectData) { 


             console.log("submit pressed"); 

            //$scope.submitButton=true; 

            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/restApiController/question'; 
            $scope.jsonData = JSON.stringify(questionAddRequest); 

            $http({ 
             method: 'POST', 
             url: url, 
             data: jsonData, 



             }) 
            } 


     }]); 
})(); 

HTML

這是視圖頁面

<div class="container" ng-controller="questionAddCtrl"> 
    <form class="form-horizontal" role="form" 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>1</option> 
        <option>2</option> 
        <option>3</option> 
        <option>4</option> 
        <option>5</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> 
+0

你能提供你的html嗎? –

+0

也控制器 –

+0

您現在可以檢查 – CraZyDroiD

回答

0

當你第一次創建的「應用程序」模塊,則需要與模塊依賴關係的第二個參數來傳遞:

angular.module('app', ['ui.router', ...]).controller(...) 

請參閱此處的角度文檔:https://docs.angularjs.org/api/ng/function/angular.module

下面是根據你的代碼小提琴:https://jsfiddle.net/2zm6vp44/

它完全不起作用,但至少沒有模塊加載錯誤。

+0

你能解釋一下嗎? – CraZyDroiD

+0

我仍然得到相同的錯誤 – CraZyDroiD

相關問題