2016-10-11 3 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.controller и author : 'Ciwuk',. Используйте запятую, а не точку с запятой. Попробуйте использовать консоль (F12) при возникновении ошибки.

+0

thankyou. он работает –

+0

Добро пожаловать. – DieuNQ

0

@DieuNQ указал правильно на вашу опечатку. Но здесь еще лучший способ:

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

Да, спасибо. Это должно быть так. – DieuNQ

Смежные вопросы