AngularJS ng-controller无法正常工作

Question

我刚刚开始从w3schools学习AngularJS .我正在尝试练习他们在教程中提到过的示例.一切正常,但是当我来到"AngularJS控制器"时,它在w3schools中运行良好并不能正常工作自己动手».我把我的代码分成了这个小提琴的例子.我的脚本看起来像这样:

function personController($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
}

尽量帮助我,并建议我一个很好的教程(或任何免费的PDF文件).

Answer 1

这是你纠正的小提琴.

对于角度来说,控制器定义必须如下所示是一个很好的做法:

angular.module("app", []).controller("personController", function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});

毫无疑问,学习Angular 基础知识的最佳教程是CodeSchool!

希望这可以帮助.

Answer 2

这是一种新方法.我们不能再使用没有模块的控制器.看看这个.只需添加一个模块并附加控制器即可,您将没有任何问题.

Answer 3

我只是修改了你的小提琴.请查看小提琴示例

function personController($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
}

有你的代码,除了从JS小提琴设置没有问题的onLoad以不循环-在头