2017-01-14 3 views
2

で働いていない私は、角度のJSを使用してに新しいです、私は混乱している、私は、この角度のjs NG-クラスは、グーグルクロームで作業が、Firefoxの

angular.module("sportStore") 
 
    .constant("productListActiveClass", "btn-primary") 
 
    .controller("productListCtrl", function($scope, $filter, productListActiveClass) { 
 

 
    var selectedCategory = null; 
 

 
    $scope.selectCategory = function(newCategory) { 
 
     selectedCategory = newCategory; 
 
    } 
 

 
    $scope.categoryFilterFn = function(product) { 
 
     return selectedCategory == null || 
 
     product.category == selectedCategory; 
 
    } 
 

 
    $scope.getCategoryClass = function(category) { 
 
     return selectedCategory == category ? productListActiveClass : ""; 
 
    } 
 
    });
<div class="panel panel-default row" ng-controller="productListCtrl"> 
 
    <div class="col-xs-3"> 
 
    <a ng-click="selectCategory()" class="btn btn-block btn-default btn-lg">Home</a> 
 
    <a ng-repeat="item in data.products | orderBy:'category' | unique: 'category'" ng-click="selectCategory(item.category)" class="btn btn-block btn-default btn-lg" ng-class="getCategoryClass(item.category)"> 
 
        {{item.category}}</a> 
 
    </div> 
 
</div>

ときのようなコードを持っています

result in chrome

とFirefoxで、次のように:私は次のようにクロムになり、それを試してみてください

result on firefox

誰かがなぜこれが起こったのか教えていただけますか? Firefoxでは動作しますが、Chromeでは動作しません。前もって感謝します。

答えて

1

クロムのキャッシュを削除する必要があります。それはクロムで今働いた。