48

私はegghead.ioのビデオチュートリアルに従っていますが、彼がファクトリを作成したときの彼の例に従おうとしている間（ビデオはこちらを参照）、「角度が定義されていません」という参照エラーが発生し続けますが、角度スクリプトが含まれています

これは私のhtmlページです：

<!DOCTYPE html>
<html>
    <head>
    <title>Prototype</title>
    <link rel="stylesheet" type="text/css" href="foundation.min.css">
    <script type="text/javascript" src="main.js"></script>
    </head>
    <body>

    <div data-ng-app="">

        <div data-ng-controller="FirstController">
            <input type="text" data-ng-model="data.message">
            <h1>{{ data.message }}</h1>
        </div>



        <div data-ng-controller="SecondController">
            <input type="text" data-ng-model="data.message">
            <h1>{{ data.message }}</h1>
        </div>


    </div>
    <script type="text/javascript" src="angular.min.js"></script>
    </body>
</html>

これは私のjavascriptファイル「main.js」です：

//Services
    // step 1 create an app                             
    var myApp = angular.module('Data', []).
    // tep 2 create factory
                // Service name, function
    myApp.factory('Data', function(){
        return { message: "I'm Data from a Service" }
    });



//Controllers
    function FirstController($scope, Data){
        $scope.data = Data;
    }

    function SecondController($scope){

    }

同様のことが起こるいくつかの投稿を読みました ( here )。間違っている場合は修正してください。しかし、それはブートストラップに関係していると思いangular.bootstrap(document, ['Data']);ます。

しかし、私が知りたいのは、なぜこれがオンラインの非常に多くの例で機能するのか、ということです. 最近のバージョンでの角度の変更ですか？

4

3 に答える 3

100

Angular を参照するスクリプト タグの後にスクリプト タグを配置する必要があります。から移動しますhead:

<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="main.js"></script>

今設定した方法では、Angular がページに読み込まれる前にスクリプトが実行されます。

于 2013-08-04T15:28:23.017 に答える
0

私はデケと同じ問題を抱えていました。最も重要なスクリプトangular.jsを含めるのを忘れていました:)

<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
于 2016-08-07T19:51:10.617 に答える