Angular js控制器僅打印大括號

Question

我正在閱讀有關Angular JS的教程，我已經遍歷了幾次代碼，並且與人員類型完全相同，但是在瀏覽器中獲得了{{name}}和{{age}} 。

誰能告訴我我在做什么錯？ 我遇到的另一個問題是，在一個教程中，他的html文檔在另一個文檔中獲得了head和body標簽，只是doctype，即指向angular的鏈接，然后他開始鍵入代碼。

如果這是一種樣式，我應該遵循哪種樣式，我應該將body標簽留在上面還是將其刪除？

<!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+中運行）。 有關詳細信息，請參見此處。

您確實需要添加ng-app指令：

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

在這里查看示例。

但是，正如@pixelbits在他的回答中所說，您應該以更新的方式進行操作。

Angular js控制器僅打印大括號

問題描述

2 個解決方案

解決方案1
4 2014-12-27 01:53:13

解決方案2
0 2014-12-27 01:56:41

Angular js控制器僅打印大括號

問題描述

2 個解決方案

解決方案1 4 2014-12-27 01:53:13

解決方案2 0 2014-12-27 01:56:41

解決方案1
4 2014-12-27 01:53:13

解決方案2
0 2014-12-27 01:56:41