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