AngularJS无法正确呈现的HTML页面

Question

我是AngularJS的新手，我正在关注一本书的例子，但是我在一个简单的例子中遇到了HTML渲染的问题。
代码在JSFiddle中没有问题 - http://jsfiddle.net/2436t/
我在Firefox 30.0中运行它，我只是得到以下输出，并在Firebug中没有错误
在此输入图像描述
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 个解决方案

解决方案1
3 2014-08-04 23:28:16

AngularJS无法正确呈现的HTML页面

问题描述

1 个解决方案

解决方案1 3 2014-08-04 23:28:16

解决方案1
3 2014-08-04 23:28:16