Edit Question - KnowledgeHub

Title Body

I made a small angular module to integrate with the bootstrap "buttons-group" ('s plus a bit of javascript to make them work like radio buttons. I made it on this module to do the same for checkboxes: http://jsfiddle.net/evaneus/z9rge/ My code is at http://jsfiddle.net/askbjoernhansen/YjMMD/ My questions: 1) Is this the right approach? 2) Will the model be watched three times, or does $scope.$watch() figure out that it's the same model and just do it once? It seems that way. 3) Is it "correct" to muck around with the DOM in the $watch function like I do? It feels "dirty", but I guess that's what I am asking for when I am adding angular to something that's not angularjs compatible natively. Or? 4) Is there a way to put the ng-model attribute on the btn-group instead of on each button? That'd make it appear a lot cleaner. You can see it at my jsfiddle above, or the code is here, first the html:  <input name="test" type="radio" ng-model="myModel['A']" value="left"> Left<br> <input name="test" type="radio" ng-model="myModel['A']" value="middle"> Middle<br> <input name="test" type="radio" ng-model="myModel['A']" value="right"> Right<br> myModel A {{myModel['A']}}<br/> <div class="btn-group" data-toggle="buttons-radio"> <button type="button" buttons-radio="" ng-model="myModel['A']" value="left" class="btn">Left</button> <button type="button" buttons-radio="" ng-model="myModel['A']" value="middle" class="btn">Middle</button> <button type="button" buttons-radio="" ng-model="myModel['A']" value="right" class="btn">Right</button> </div> And the javascript: angular.module('

Tags (comma-separated) Cancel