atom html 预览：不响应 Angular 控制器

Question

我正在使用 Atom 编辑器编写一些 Angular 代码，我观看了预览 HTML window 以了解我的外观。

我写了以下控制器：

  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 预览 window 看起来是这样的：

你知道可能是什么问题吗？

Answer 1

看起来您可能错过了在父 div 或 body.

中写入 ng-app="eventsApp"（或任何您的模块名称..）

下面是按预期工作的相同代码：codepen

如果您已经添加了 ng-app，请检查是否有拼写错误或其他问题。确保 Angular 和您的应用程序脚本（如果不是内联）已正确加载。

编辑：这是您在 atom-preview 上的示例。按预期工作。

atom html 预览：不响应 Angular 控制器

atom html preview: doesn't respond to Angular controller

angularjs

atom-editor