角度观察者

Question

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

我正在使用角度js，并编写了两个函数：

Setter

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

ng-class的观察者

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

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

以上演示效果很好，但在我的真实项目中，在很多情况下，当我设置属性％x％时，其他属性会丢失“活动”类。有时，它工作正常，但大多数用户看不到哪些选项是活动的（在模型$ scope.order正确的数据，问题是与类）。

你知道为什么会这样吗？为什么它在我的演示示例中有效？可能取决于属性数量？

先谢谢你。

Answer 1

发现问题。我使用bootstrap并且有属性data-toggle =＆＃34; button＆＃34;，因此它在bootstrap功能和ng-class之间产生了冲突。