2016-11-04 8 views
0

Ich unterrichte mich ein wenig Anuglar und wollte eine einfache HTML-Seite erstellen.Angular Js - Kann nicht Controller-Funktionen aufrufen

einfachen Controller Erstellt, die ich den Körper meiner HMTL Seite binden:

<body data-ng-app="hello" data-ng-controller="controller"> 

In meinem Testtable i a href hinzugefügt, die gerade etwas in Console anmelden.

<td><a href="" data-ng-click="test()">Test</a></td> 

My-Controller sieht wie folgt aus:

var app = angular.module('myApp', []); 
app.controller('controller', function($scope) { 
$scope.test = function() { 
    console.log('test'); 
}; 
}); 

Wenn einem Klick auf den "Link" Ich habe nichts in Console. Was mache ich falsch?

Antwort

4

data-ng-app="hello" gesetzt data-ng-app="myApp"

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 

 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
 
    
 
</head> 
 

 
<body data-ng-app="myApp" data-ng-controller="controller"> 
 

 
    <td><a data-ng-click="test()">Test</a></td> 
 
    <script> 
 
    var app = angular.module('myApp', []); 
 
    app.controller('controller', function($scope) { 
 
     $scope.test = function() { 
 
     console.log('test'); 
 
     }; 
 
    }); 
 
    </script> 
 
</body> 
 

 
</html>

+0

Vielen Dank für Ihre Antwort zu setzen. Nach der Änderung bekomme ich einige sehr cripitc Fehler: Fehler: [$ injector: modulerr] http://errors.angularjs.org/1.4.8/$injector/ Irgendeine Idee? – Offset

+0

Ich sehe nichts Mögliches, um Fehler von Ihrem aktuellen Code zu machen –

+0

Injector-Fehler werden ausgelöst, wenn wir keine Abhängigkeiten injizieren konnten –