Question

我正在浏览一篇关于Angular JS的教程，我已经多次查看了代码并且与人员类型完全相同，但在浏览器中获得了{{name}}和{{age}}。

谁能告诉我我做错了什么？我的另一个问题是，在一个教程中，他的html文档在另一个教程中得到了head和body标签，只有doctype，一个指向angular的链接，然后他开始输入他的代码。

如果这是一种风格，我应该遵循哪一种风格，我应该留下身体标签还是将其删除？

<!doctype html>
<html ng-app>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
</head>

<body>
    <div ng-controller="Ctrl">
        <input ng-model="name">
         <h1>{{name}}</h1>

         <h2>{{age}}</h2>

    </div>
    <script>
        var Ctrl = function($scope) {
            $scope.name = "James";
            $scope.age = "20";
        }
    </script>
</body>

Answer 1

启动角度应用，并注册控制器

 var app = angular.module('app',[]);
 app.controller('ctrl', function($scope){
     $scope.name = 'james';
     $scope.age = 20;
});

HTML

<body ng-app="app" ng-controller="ctrl">
    {{name}}<br />
     {{age}}
 </body>

Answer 2

您的教程似乎有点陈旧。您的代码几乎对Angular 1.2+有效（它不会在1.3+中运行）。有关详细信息，请参阅here。

您需要添加ng-app指令：

<div ng-app="" ng-controller="Ctrl">

参见示例here。

正如@pixelbits在他的回答中所说，你应该采用更新的方式。

Angular js Controller仅打印大括号

2 个答案: