2016-10-11 5 views
0

私はちょうどAngularJsを学びました。私はコントローラからのデータを表示しようとしました。データは表示されません。 私の見解:コントローラーを読むことがありません

<!DOCTYPE html> 
<html> 
<head> 
    <title>Belajar AngularJs</title> 
</head> 
    <body ng-app="FirstApp"> 
     <div ng-controller="MainController"> 
      {{title}} </br> 
      {{book.title}} </br> 
      {{book.author}} </br> 
      {{book.price}} 
     </div> 

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script> 
     <script src="js/app.js"></script> 
     <script src="controllers/MainController.js"></script> 
     <script type="text/javascript"></script> 
    </body> 
</html> 

私のコントローラ:

app controller('MainController',['$scope', function ($scope) { 
    // body... 
    $scope.title='Belajar AngularJs'; 
    $scope.book={ 
     title: 'Belajar Angularjs Bersama Ciwuk', 
     author : 'Ciwuk'; 
     price : 'Free' 
    }; 
}]); 

私のモデル:

var app=angular.module('FirstApp',[]); 

が、結果はこのようなものだった: error

誰も私を助けてください?私はangularJSで新しいです

答えて

1

app.controllerauthor : 'Ciwuk',を使用してください。カンマではなくセミコロンを使用します。 エラーが発生したときにコンソール(F12)を使用してみてください。

+0

おかあさん。それは動作します –

+0

ようこそ。 – DieuNQ

0

@DieuNQはあなたの誤字を正しく示しています。しかしここにはさらに良い方法です:

(function() { 
    "use strict"; 
    angular.module('your_module_name', []).controller("MainController", [ 
+0

はい、ありがとうございます。それはそうでなければなりません。 – DieuNQ

関連する問題