AngularJS 1.6.7自定义指令无法呈现

Question

我正在学习AngularJS，我正在尝试创建一个自定义指令。在我的index.html文件中，我有以下

<h3><product-title></product-title></h3>

在我的app.js文件中，我有：

var app = angular.module('store', []);

app.directive('productTitle', function(){
    return {
      restrict: 'E',
      templateUrl: 'product-title.html'
  };
});

product-title.html与html文件位于同一目录中，我也在Apache服务上运行它，因此Angular的Ajax调用不会出现任何问题。由于某种原因，模板无法渲染。有谁知道问题是什么？此外，旁注，控制台显示没有错误，网络没有显示对product-title.html的呼叫。我的ng-app="store"文件中也有index.html。

在product-title.html

{{product.name}}
<em class="pull-right">{{product.price | currency}}</em>

Answer 1

这是一个缓存问题。清除缓存（使用开发人员工具）解决了该问题。