ng-class条件值未被反映

时间:2015-05-20 12:39:14

标签: angularjs ng-class

我有一份清单。我想将所选对象显示为活动状态。为此,我编写了如下代码:

HTML

// *** Most Efficient way to achieve with just 3 Lines of code ***
// *** `NSMutableSet` will do the job for you. ***
// *** method `minusSet` performs subtraction operation between two given sets. ***
NSMutableSet *first = [[NSMutableSet alloc] initWithArray:@[@"a", @"b", @"c",@"d", @"e", @"f",@"g", @"h", @"i", @"j", @"k"]];
NSMutableSet *second = [[NSMutableSet alloc] initWithArray:@[@"a",@"d", @"e",@"g",@"i"]];
[first minusSet:second];
NSLog(@"%@",first);

控制器

<li ng-class="{'active' : testObject.selected}" >
    <a ng-click="showApp()">                
        <span>App</span>
    </a>
</li>

这里,$scope.testObject = { selected: false }; $scope.showApp = function() { $scope.testObject['selected'] = true; //my code } 是一个布尔值,我在testObject.selected函数中设置它的值(true / false)。它不能以某种方式工作。

2 个答案:

答案 0 :(得分:0)

你的代码没有问题......我把它复制到这里的plnkr:

http://plnkr.co/edit/pjNBHvCnju4zs7QTZ87C?p=preview

你确定active的课程中有CSS会反映在你的视图中吗?

您是否通过浏览器开发工具确认该类实际上是否已添加到元素中?

答案 1 :(得分:0)

如果您使用表单,请确保已检查<form>元素。 每个必需 <input>应该通过[(ng-model)]与变量绑定(在这种情况下需要双向绑定)。
我有同样的问题,只有在这些变化之后,ng-class才能正常工作。