atom htmlプレビュー：Angularコントローラーに応答しません

Question

Atomエディターを使用してAngularコードを書き、プレビューHTMLウィンドウを見て見た目を確認しています。

私は、次のコントローラを書いた：

eventsApp.controller('EventController', 
    function EventController($scope){ 
    $scope.event = { 
     name: "Angular", 
     date: '1/1/2013', 
     time: '10:30 am' 
    }; 
    }); 

とhtmlファイルにこのコードを書いた：

<div class="container"> 
    <div ng-controller="EventController"> 
    {{event.name}} 
    </div> 
</div> 

HTMLプレビューウィンドウはこのように見えた：

あなたが知っていますか何が問題なの？

Answer 1

親のdivにng-app="eventsApp"（またはあなたのモジュール名が..です）と書いていなかったか、bodyと書かれているようです。ここで

は期待通りに働いて同じコードです：codepen

あなたがタイプミスか何かをチェックし、ng-appをすでに追加した場合。 Angularとアプリのスクリプト（インラインでない場合）が適切に読み込まれていることを確認してください。

編集：あなたの原子プレビューの例があります。期待どおりに動作します。