Question

所以我定义了一个元素指令：

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

当我加载/search路由时，我看到它已在网络选项卡中下载（我在浏览器中禁用了缓存）：

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

但是，我看不到其中一个引用的元素指令。请考虑sale-list.html：

中的这段HTML代码

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

我没有看到sale-card被下载。

现在，我从这个方向开始的原因是因为如果我在sale-card进行更改，我在浏览器中看不到它们，直到我重新启动机器。这可能与我使用WebStorm作为我的IDE这一事实有关，它有自己的本地服务器，不易配置或清除。

这里发生了什么？

注意：这刚刚开始发生，我想知道是不是因为角度库中发生了一些变化;我正在使用他们的CDN下载最新版本：

<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>

Answer 1

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

试试这个。

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

1 个答案: