I would like to use a scope variable and and set css dynamically within html.
<div ng-class="myClassScope, { 'dynamic-class': !ifIsNot }">
-
Do you have a question?Shomz– Shomz2014-08-15 13:27:12 +00:00Commented Aug 15, 2014 at 13:27
-
1I think I asked it. this does not work.puppeteer701– puppeteer7012014-08-15 13:54:16 +00:00Commented Aug 15, 2014 at 13:54
Add a comment
|
2 Answers
It your myClassScope is intended to always be applied, use ng-class this way:
<div class="myClassScope" ng-class="{'dynamic-class': !ifIsNot }">
Comments
Is this what you want?
<div ng-class="{ 'dynamic-class': !myClassScope }">
EDIT:
If you want to use multiple ng-class directives, it won't work. See this fiddle
In order to use two ng-class directives, you can nest the elements, or you can bind to the class attribute:
<div ng-class="test_one">
<div ng-class="{ 'test_two': !test_two }">test_two</div>
</div>
<div class="{{test_one}}" ng-class="{ 'test_two': !test_two }">test_three</div>
4 Comments
puppeteer701
no, myClassScope is in ctrl, scope.myClassScope = 'custom-class'
mobabur94
so you are trying to use both the boolean ng-class object and the class string? see my edit
puppeteer701
class={{ test_one }} this really slows down the app
Humppakäräjät
For me appying multiple classes works like so: <... ng-class="{'class1': scopeVarForClass1, 'class2': scopeVarForClass2}" ... >