无法使用angularjs 1.3.1答案

【问题标题】：Can't put to work angularjs 1.3.1无法使用angularjs 1.3.1
【发布时间】：2014-11-05 02:07:58
【问题描述】：

我从 angularjs 开始，但在使用 1.3.1 版的一个非常基本的示例时遇到了问题。我按照教程使用以下代码：

<!doctype html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
<title>Angular Demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.1/angular.min.js"></script>
</head>
<body>

<div ng-controller="MyController">
    <h1>{{author.name}}</h1>
    <p>{{author.company}}</p>
</div>

<script>

    function MyController($scope) {
        $scope.author = {
            'name': 'Some Name',
            'company': 'Some Company'
        }
    }
</script>
</body>
</html>

我得到以下结果：

似乎 angular 没有正确初始化。

【问题讨论】：

默认情况下，1.3 不再寻找作为控制器的函数...stackoverflow.com/a/25679323/3199781

标签： angularjs version

【解决方案1】：

为您的应用命名：

<html lang="en" ng-app="app">

然后正确初始化它和你的控制器：

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

http://plnkr.co/edit/dRWz0ZPQae75PlJmgSTM?p=preview

您也可以/应该将您的脚本移动到<head> 部分，这样{author.name} 在控制器初始化之前不会在屏幕上闪烁。

【讨论】：

就是这样！我尝试使用旧版本的 Angular，它确实没问题，但是对于 1.3.1，我们需要对控制器进行正确的初始化。