javascript - Angular 观察者

Question

我遇到问题 - 创建具有不同属性的订单。在我的工作案例中，用户有大约 10 个不同的属性，每个属性有 3-4 个变体。

我正在使用 Angular js，并编写了两个函数:

二传手

   $scope.attribute = function(key, value) {
        $scope.order[key] = value; 
    };

ng级观察者

    $scope.isActive = function(key, value) {
        return ($scope.order[key] == value) ? 'active' : '';
    }

简化的演示在这里: http://jsfiddle.net/ec6eo8us/1/

上面的演示效果很好，但在我的实际项目中，在很多情况下，当我设置属性 %x% 时，其他属性会丢失“active”类。有时，它工作正常，但大多数用户看不到哪些选项处于事件状态(在模型 $scope.order 正确的数据中，问题在于类)。

您知道为什么会发生这种情况吗？为什么它在我的演示示例中有效？这可能取决于属性的数量吗？

提前致谢。

Answer 1

发现问题了。我正在使用 bootstrap 并且有属性 data-toggle="button"，所以它在 bootstrap 功能和 ng-class 之间造成了冲突。