change the text apperence using angular js

Question

am new to angular js using this ihave to perform following operation i have a text name bob.and a button like bold and italic while cliking on the bold button i want to bold the

Answer 1

Try to use the directive ng-class. Create two boolean, and set values when you click on the buttons. When the boolean is changing, the ng-class is updating.

Live demo

HTML:

    
    
        Bold
    
    
        Italic
    
    

    
        {{rootFolders}}
    

CSS:

.bold {
  font-weight: bold
}

.italic{
  font-style : italic;
}

---

Reference

• AngularJS ngClass
• AngularJS ngInit