Question

我从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>

我得到以下结果：

似乎没有正确初始化角度。

Answer 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}不会在屏幕上闪烁。

不能投入工作angularjs 1.3.1

1 个答案: