javascript - 更改 Angular ui-bootstrap 模板的文件夹位置

Question

我正在尝试将 ui-bootstrap.min.js 与外部模板一起使用。

我得到的错误是:

http://localhost:13132/Place/template/timepicker/timepicker.html 404 (Not Found) 

我希望对于每个页面、每个模板，它都在以下位置查找我的模板:

http://localhost:13132/js/app/template/...

但我似乎找不到在哪里可以更改它指向的位置。

有人知道如何进行此更改吗？

Answer 1

这可以使用 $provide.decorator 来处理

阅读有关此问题的更多信息: https://github.com/angular-ui/bootstrap/issues/743

myApp.config(function($provide) {
  $provide.decorator('datepickerDirective', function($delegate) {
    //array of datepicker directives
    $delegate[0].templateUrl = "my/datepicker.html";
    return $delegate;
  });
});

更新:我已经测试了这个解决方案，它也适用于其他模板，并且只需要对 app.js 进行那些小的更改。我现在用 timepicker.html 和 day.html 测试了这个，为 timepickerDirective 和 daypickerDirective 定义了一个装饰器。后者用于覆盖日历表显示。 templateUrl 路径是相对于您的应用程序文件夹的，在我的例子中是“partials/fragments/day.html”。