Question

我的角度应用程序昨晚正常运行，今晚打开后，应用程序运行，但我的文件所做的更改，store.controller.js和store.html不再一直生效。

例如：

<h1>{{product.name}}</h1> 

from 

var item = [{
    name: 'Shoe'
}]

应输出“Shoe”。虽然它没有，但它会列出一个旧的变量。哪个是'找我'。

它不再正确地从控制器更新。有任何想法吗？如果愿意，我可以列出更多代码。

//store.html 
<div class="store-block">
  <div ng-repeat="product in products" ng-show="product.canPurchase" class="item-panel">
    <h1 class="pull-left">No expression</h1>
    <h2 class="pull-right">{{product.price | currency}}</h2>
    <div class="product-image clearfix">
      <img ng-src="{{product.images[0]}}" />
    </div>
    <section>
      <ul class="nav nav-pills pull-right clearfix">
        <li> <a ng-click="panelCtrl.isSelected(1)" href>Help</a></li>
        <li> <a href>Colors</a></li>
        <li> <a href>Reviews</a></li>
      </ul>
      <div class="panel">
        <h3>Description</h3>
        <span class="pull-right" ng-hide="desc.element">{{product.category}}</span>
        <span class="pull-right" ng-hide="desc.element">Stock {{product.stock}}</span>
        <p class="clearfix" ng-hide="desc.element">{{product.description}}</p>
      </div>
      <div class="panel" >
        <h3>Colors</h3>
        <p>{{product.colors[0]}}</p>
      </div>
  </div>
  </section>
</div>
</div>

store.controller.js

'use strict';

angular.module('angularStoreApp')
  .controller('StoreCtrl', function ($scope, $http) {

  var item = [
   {
    name:  'Hello',
    price: 3.52,
    description: 'Hi  soulless creaturas, imo monstra adventus vultus comedat cerebella viventium. Qui offenderit rapto, terribilem incessu.',
    category: 'Sandels',
    stock: 1,
    canPurchase: true,
    images: [
      "assets/images/yeoman.png",
      "http://billypurvis.co.uk/wp-content/uploads/2015/06/ACTA.png"

    ],
    colors: [
      //Add image"Blue",
      //Add image"Brown"
    ]
  },
  {
    name: 'Shoe 2',
    price: 4.56,
    description: 'Zombies reversus ab inferno, nam malum cerebro. De carne animata corpora quaeritis. Summus sit, morbo vel maleficia? De Apocalypsi undead dictum mauris.',
    category: 'Tie up',
    stock: 32,
    canPurchase: true,
    images: [
      "http://billypurvis.co.uk/wp-content/uploads/2015/06/ACTA.png"
    ],
    colors: [
      //Add image"Blue",
      //Add image"Brown"
    ]
  }
];
 $scope.products = item;
});

输出仍然会导致'Hello'，甚至不应该输出任何地方。我已经清除了我的缓存，保存了所有文件，重新启动了grunt服务。有人有主意吗？

如果有帮助，我正在使用Webstorm IDE。

Answer 1

使用angularJS时要记住的一件事是清除缓存并尝试它们。因为你做了正确的改变，然后检查它，它的工作原理。然后你回来，再次更改它并运行应用程序，它仍然可以工作，因为数据位于DOM中。因此，每次更改之前和之后都要清除缓存。

还可以使用浏览器调试器（控制台）来检查错误。

Answer 2

我遇到了类似的问题，发现在Chrome Incognito窗口中查看我的应用程序可确保每次刷新时都会从我的localhost重新加载文件。

Answer 3

我之前复制了控制器文件，导致两个副本：

store.controller.js
store.html
store.js

这意味着我正在编辑原始商店目录（包含列出的文件）的重复文件夹中的store.controller.js，然后在原始商店目录中编辑store.html。或者反之亦然。这会导致文件出现问题＆＃39;重叠＆＃39;彼此。

删除重复文件（复制的目录）删除了此问题。

编辑：添加了更多信息。

Angular js不更新本地文件

3 个答案: