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>
ときのようなコードを持っています
とFirefoxで、次のように:私は次のようにクロムになり、それを試してみてください
誰かがなぜこれが起こったのか教えていただけますか? Firefoxでは動作しますが、Chromeでは動作しません。前もって感謝します。