2016-10-11 37 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