Javascript Angular js Controller仅打印花括号_Javascript_Html_Angularjs

Javascript Angular js Controller仅打印花括号

javascript html angularjs

Javascript Angular js Controller仅打印花括号,javascript,html,angularjs,Javascript,Html,Angularjs,我正在复习Angular JS的教程，我已经复习了好几遍代码，它与person类型完全一样，但是在浏览器中得到了{{{name}}和{age} 谁能告诉我我做错了什么？我的另一个问题是，在一个教程中，他的html文档有head和body标记，在另一个教程中，它只是doctype，一个指向angular的链接，然后他开始键入代码如果这是一种风格，我应该遵循哪种风格，我应该保留或移除主体标签 <!doctype html> <html ng-app> <head&

我正在复习Angular JS的教程，我已经复习了好几遍代码，它与person类型完全一样，但是在浏览器中得到了

{{{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>


{{name}}
{{age}}
var Ctrl=函数（$scope）{
$scope.name=“James”；
$scope.age=“20”；
}

引导angular应用程序，并注册控制器

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

HTML


{{name}}

{{age}}

引导angular应用程序，并注册控制器

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

HTML


{{name}}

{{age}}

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

您确实需要添加ng应用程序指令：

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

参见示例

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

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

您确实需要添加ng应用程序指令：

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

参见示例

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

你应该在例子中包括你的开始html和主体标记，因为问题可能就在那里。例如，您需要将ng app作为html标记中的一个属性，如果不查看整个示例，我无法判断您是否这样做检查浏览器控制台是否存在错误，我怀疑您没有初始化ng app并将控制器功能与应用模块相关联。您应该在示例中包括开始html和正文标记，因为问题可能就在那里。例如，您需要将ng app作为html标记中的一个属性，如果不查看整个示例，我无法判断您是否这样做检查浏览器控制台是否存在错误，我怀疑您尚未初始化ng app并将控制器功能与app模块相关联。请注意，如果您希望验证html，您将需要添加“数据”ie ng应用程序将成为数据ng应用程序，这是有效的html5。作为旁注，如果您希望验证html，您将需要添加“数据”ie ng应用程序将成为数据ng应用程序，这是有效的html5。