Javascript 元素指令模板更改未反映在浏览器中？

我已经定义了一个元素指令：

mod.directive("saleList", function() {
    return {
        restrict: "E",
        templateUrl: "templates/sale-list.html"
    };
});

当我加载/搜索路由时，我看到它在“网络”选项卡中下载，我已禁用浏览器中的缓存：

when('/search/:zip', {
    templateUrl: "templates/sale-list.html",
    controller: 'SearchController'
}).

但是，我没有看到它引用的元素指令之一。从销售列表中考虑HTML的这个片段。

---

试试这个。

我当时没有任何有力的论据反对它，但我不希望将同一个模板用作路由和指令。路线模板可以简单到：针对您的情况。另外，您确定正在加载定义sales in和sales card指令的JS文件吗？活动模块是否正确需要包含它们的模块？是否已检查sales.local是否返回空数组？

<sales-in ng-show="salesInZip()"></sales-in>
<sale-card ng-repeat="sale in sales.local"></sale-card>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.1/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.1/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.1/angular-sanitize.min.js"></script>

mod.directive("saleList", function() {
    return {
        restrict: "E",
        replace: true,
        templateUrl: "templates/sale-list.html"
    };
});