加載JSON數據進廠文件

我是新來AngularJS和剛開始學習它。如何將JSON文件加載到script.js文件中而不直接添加整個數據。下面是程序的代碼：加載JSON數據進廠文件

<!DOCTYPE html> 
<html ng-app="quizApp"> 
<head> 
    <meta charset="utf-8" /> 
    <title>QuizApp</title> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> 
    <script src="script.js"></script> 
</head> 

<body> 
    <div class="container"> 
    <h1 class="title">QuizApp</h1> 
    <quiz/> 
    </div> 
</body>

Plunkr。

來源

2015-05-22 Ramana Uday

你需要（通過使用引號""）糾正ques.json粘貼JSON否則，如果您將調用$http.get()那麼你會得到異常由於無效的JSON。

一旦您將更正ques.json中的json內容，那麼只需使用$http並將結果賦值給questions變量。

E.g.

app.factory('quizFactory', function($http) { 

    var questions = []; 

    $http.get('ques.json').success(function(data) { 
    questions = data; 
    }) 


    return { 
     getQuestion: function(id) { 
      if(id < questions.length) { 
       return questions[id]; 
      } else { 
       return false; 
      } 
     } 
    }; 
});

這裏是demo

來源

2015-05-22 12:40:44 sol4me

-1

$http.get('ques.json') 
     .then(function(result){ 
      $scope.questions = result.data;     
     });

來源

2015-05-22 12:30:15

我怎樣才能使這等於變量的問題？ –

@run碼你應該解釋你的答案... – carton

加載JSON數據進廠文件

回答

相關問題