Question

我是AngularJS的新手，我跟随一本书的例子，但在一个简单的例子中遇到了HTML渲染的问题。
代码在JSFiddle中没有问题 - http://jsfiddle.net/2436t/
我在Firefox 30.0中运行它，我得到以下输出，并且没有Firebug中的错误 enter image description here
HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>Hello</title>
    <script type="text/javascript" src="angular.min.js"></script>
    <script src="controllers.js"></script>
</head>
<body ng-app>
    <div ng-controller="HelloController">
        <p>{{greeting.text}}</p>
    </div>
</body>
</html>

Javascript（在外部controllers.js文件中）：

function HelloController($scope)
{
    $scope.greeting = {text:"Hello"};
}

我确信我错过了一些简单的东西，但我们将非常感谢任何帮助，

肖恩

Answer 1

您缺少ng-app="????"

您还需要在模块中注入控制器。

这是jsfiddle

http://jsfiddle.net/yogeshgadge/2436t/14/

HTML

<body ng-app="myApp">
    <div ng-controller="HelloController">
        <p>{{greeting.text}}</p>
    </div>
</body>

JS部分

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

app.controller('HelloController', 
  function($scope) {
    $scope.greeting = {
        text: "Hello"
    };
 }
);

AngularJS无法正确呈现的HTML页面

1 个答案: