2016-10-11 4 views
0

Ich habe gerade AngularJs gelernt. Ich habe versucht, Daten vom Controller zu zeigen. aber die Daten werden nicht angezeigt. meiner Sicht:Kann den Controller nicht lesen

<!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> 

mein Controller:

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

mein Modell:

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

das Ergebnis wie folgt war: error

jemand mir bitte helfen? Ich bin neu in angularJS

Antwort

1

Sie sollten app.controller und author : 'Ciwuk', verwenden. Verwenden Sie Komma nicht Semikolon. Verwenden Sie die Konsole (F12), wenn ein Fehler auftritt.

+0

danke. es funktioniert –

+0

Gern geschehen. – DieuNQ

0

@DieuNQ zeigte richtig auf Ihren Tippfehler. Aber hier ist noch besserer Weg:

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

Ja, danke. Es sollte so sein. – DieuNQ

Verwandte Themen