How to set Twitter Bootstrap class=error based on AngularJS input class=ng-invalid?

Question

I have a problem where my CSS is not taking effect (in Chrome), and I think there is some conflict with Twitter Bootstrap.

input.ng-invalid {
    border-color: r         


        

Answer 1

You can easily do it with ng-class directive:

  

    Salt: 
    

      
    
  

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

EDIT

Example with bootstrap 3.3.5 and angular 1.4.2:

  

    Salt: 
    
  

http://plnkr.co/edit/5JNCrY8yQmcnA9ysC7Vc?p=preview