Egghead角度控制器不工作

Question

我正在嘗試跟隨eggheads angularJS教程。 我有相同的代碼但是我的工作沒有...

這是我正在使用的代碼：

index.html的：

<!DOCTYPE html>

<html>

<head>
    <title>AngularJS Tutorials</title>
    <link rel="stylesheet" href="../foundation/css/foundation.min.css">
    <script type="text/javascript" src="main.js"></script>
</head>

<body>
    <div ng-app="">
        <div ng-controller="FirstCtrl">
            <h1>{{data.message + " world"}}</h1>
            <div class="{{data.message}}">
                Wrap me with a foundation component.
            </div>
        </div>
    </div>

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
</body>

</html>

main.js：

function FirstCtrl($scope) {
    $scope.data = {message: "panel"};
}

Answer 1

問題是角度版本。

您的版本是1.3.4而不是1.2.3 。

應用角度1.2.3（egghead）： plunkr
應用角度1.3.4： plunker

Answer 2

嗨，你錯過了幾件事

宣言你的app：
var app = angular.module('app', []);
聲明您的控制器
app.controller('FirstCtrl', FirstCtrl);
在你的HTML中
ng-app="app"

 var app = angular.module('app', []); app.controller('FirstCtrl', FirstCtrl); function FirstCtrl($scope) { $scope.data = { message: "panel" }; }

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <body ng-app="app"> <div ng-controller="FirstCtrl"> <h1>{{data.message + " world"}}</h1> <div class="{{data.message}}"> Wrap me with a foundation component. </div> </div> </body>

Egghead角度控制器不工作

問題描述

2 個解決方案

解決方案1
2 已采納 2014-11-26 21:34:51

解決方案2
1 2014-11-26 21:30:00

Egghead角度控制器不工作

問題描述

2 個解決方案

解決方案1 2 已采納 2014-11-26 21:34:51

解決方案2 1 2014-11-26 21:30:00

解決方案1
2 已采納 2014-11-26 21:34:51

解決方案2
1 2014-11-26 21:30:00