Should something like this work then:
ng-class="{panel}" where panel is a name of a class from css file?On Wed, Sep 17, 2014 at 10:53 AM, Eric Eslinger <[email protected]> wrote: > Docs here: https://docs.angularjs.org/api/ng/directive/ngClass > > But yeah, you can do it in a number of ways. You can say ng-class="{foo: > expression1, bar: expression2, baz: expression3}", where any key in the > object whose value evaluates to truthy will be added as a class to the > element. I use this technique for stuff like adding an active class to some > things. Prior to the current release, for example, ui-router's > ui-sref-active directive didn't count sub-states as being active, so I had > to make my own version using ng-class. > > You can also do ng-class="makeClass()", where makeClass is defined on the > scope and either returns a space-delimited list of class names (as a > string) or an array of string class names. > > In any case, classes are added during the digest cycle appropriately. > > hope this helps, > eric > > On Wed, Sep 17, 2014 at 8:47 AM, mark goldin <[email protected]> > wrote: > >> Am I specifying it like this: >> ng-class="{someclass}" >> >> On Wed, Sep 17, 2014 at 10:21 AM, Eric Eslinger <[email protected]> >> wrote: >> >>> As an aside, have you considered using the ng-class directive? It's >>> pretty handy for programmatically (and declaratively) manipulating classes >>> on an element. It's not always the answer, but I keep finding neat uses for >>> it. >>> >>> e >>> >>> On Wed, Sep 17, 2014 at 8:16 AM, Sander Elias <[email protected]> >>> wrote: >>> >>>> Hi Mark, >>>> >>>> The first one uses jQlite/jQuery, the second one is manipulation the >>>> DOM through its native interface. >>>> I can't explain why the first one would not work. If you want to know, >>>> post an plunk showing the >>>> problem, and I will find the issue for you. (The plunk needs to be >>>> working!) >>>> >>>> Regards >>>> Sander >>>> >>>> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "AngularJS" group. >>>> To unsubscribe from this group and stop receiving emails from it, send >>>> an email to [email protected]. >>>> To post to this group, send email to [email protected]. >>>> Visit this group at http://groups.google.com/group/angular. >>>> For more options, visit https://groups.google.com/d/optout. >>>> >>> >>> -- >>> You received this message because you are subscribed to a topic in the >>> Google Groups "AngularJS" group. >>> To unsubscribe from this topic, visit >>> https://groups.google.com/d/topic/angular/LpISsXVZWpg/unsubscribe. >>> To unsubscribe from this group and all its topics, send an email to >>> [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at http://groups.google.com/group/angular. >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> -- >> You received this message because you are subscribed to the Google Groups >> "AngularJS" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to [email protected]. >> To post to this group, send email to [email protected]. >> Visit this group at http://groups.google.com/group/angular. >> For more options, visit https://groups.google.com/d/optout. >> > > -- > You received this message because you are subscribed to a topic in the > Google Groups "AngularJS" group. > To unsubscribe from this topic, visit > https://groups.google.com/d/topic/angular/LpISsXVZWpg/unsubscribe. > To unsubscribe from this group and all its topics, send an email to > [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
