如何将LiveReload与AngularJS templateURL一起使用

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 年初）我使用 browser-sync 和 webpack、HMR。

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

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

因为我认为更多的人正在寻找类似的东西，所以我制作了一个 github 存储库： https: //github.com/stefanKuijers/live-templates

我的解决方案使用 Martin Kool 编写的 live.js（检查）。我刚刚添加了一些代码。它的工作原理如下：您只需在 live-templates.js 中添加路由器的路径即可。live-templates.js 获取路由器路由并将它们添加到 live.js 心跳中。

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

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

干杯