0

それは私の最初の日であり、単純な作業をしようとしていますが、そうではありません. ここにフィドルがあります：http://jsfiddle.net/LKktL/

<body ng-app>
 <div ng-controller='EventAddCtrl'>
    <p>Nothing here {{'yet' + '!'}}</p>
 <div class='first-test' ng-click="say_hello()">angular test to say hello</div>
</div>   
</body>

</p> 

function EventAddCtrl($scope){
  $scope.say_hello = function() {
    alert('hello in there');
  }
}​

それは明らかに機能しておらず、その理由を理解しようとしています。thx事前に

4

3 に答える 3

2

JSFiddle では、onLoadイベント中に Angular が実行されています。ブラウザー コンソールを開くと、Angular によってスローされた次のエラーが表示されます。

    Error: Argument 'EventAddCtrl' is not a function, got undefined

アプリの初期化に失敗しました。

このonLoadイベントは、ドキュメントの読み込みプロセスの最後に発生します。Angular は、DOMContentLoadedイベント中にアプリを初期化します。このイベントは、DOM が解析された後、DOMの準備が整い、ドキュメントが完全に読み込まれる前に起動されます。<head>つまり、または<body>HTML タグの間にライブラリを含めることで、これらのイベントの前にライブラリが解析され、実行されるようにします。<body>終了タグの直前に配置することをお勧めします。

他の人が言及したように、JSFiddle を使用する場合は、またはのいずれno wrap(head)かを使用しますno wrap(body)。

于 2012-11-14T07:38:17.507 に答える
1

あなたのフィドルには2つの間違った使い方があります。

  1. onload を選択する必要はありません。ラップなし (ヘッド) またはラップなし (ボディ) を選択しても問題ありません。
  2. <body>すでにある html パネルにタグを配置する必要はありません。左パネルの情報メニューを展開し、ボディ タグに<body ng-app>.

詳細については、このページfiddle documentationをご覧ください。

于 2012-11-14T07:07:57.580 に答える
0

jsFiddleで設定に問題があります。これが動作中のjsFiddleです

プランカーを試すことができます。jsFiddleのようにかなりうまく機能します。

1.Bodyタグを追加します<body ng-app>

2.「ラップなし（ヘッド）」を選択します

于 2012-11-14T06:25:29.623 に答える