javascript - 如何将 LiveReload 与 AngularJS 模板 URL 一起使用

Question

如何在使用 LiveReload 和 Grunt 保存时重新加载 templateURL？

angular.module('meshApp', [
  'ngSanitize',
  'ngRoute'
])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  });

我有一个 Jade 文件views/main.jade，当我保存时处理为.tmp/views/main.html，目前这有效，我可以看到模板，但是当我保存LiveReload时无法重新加载页面。

有什么方法可以让它工作吗？

这里还有一个指向我的 GruntFile 的链接，以防它有帮助: http://jsfiddle.net/daimz/Te5Xc/

Answer 1

编辑 --------------

当我写最初的答案时，并没有真正足够稳定的东西，这就是我对 livereload 进行一些调整的原因。从那以后发生了很多变化。目前(2017 年初)我使用浏览器同步和 webpack，HMR。

编辑 --------------

我让它在我的 Angular/Ionic 项目上工作。

我假设更多的人在寻找类似的东西，所以我做了一个 github repo :https://github.com/stefanKuijers/live-templates

我的解决方案使用 Martin Kool 编写的 live.js(检查)。我只是添加了一些代码。它是这样工作的:您只需在 live-templates.js 中添加路由器的路径。 live-templates.js 获取路由器路由并将它们添加到 live.js 心跳。

使用方法: - 获取脚本并保存 - 将第 27 行的 routerURL 变量更改为路由器的 url - 在需要实时重新加载的页面上包含脚本

让我知道或者它对你们有什么作用!

干杯