angularjs-ng-model

I have written the below code <span ng-controller="calanderCtrl"> <input type="text" ng-model="onDate"> </span> <pre>user.name = <span ng-bind="onDate"></span></pre> I know its outside of the ng-controller so i am not able to bind the data, but my application requires calanderCtrl controller. I want to put this value to scope so that i can use it inside other controllers also. How do i do this? You could use a publish subscribe pattern for this. That way you avoid putting the variable on the rootscope. function Ctrl($scope) { $scope.onDate = "12/01/2015"; $scope.$watch('onDate', function

Angular ng-change on ng-model passed into child directive Basically, I want to be able to pass in ng-model from a parent directive to a child directive. I could just in a 2-way binded value, but then I wouldn't be able to use a ng-change in the parent directive on the child element. I could also use ng-click, but this wouldn't work with a non-clicking change (such as a text area instead of a checkbox). So I'm wondering if there's a way to allow a custom directives to have a ng-model/ng-change pair similar to how inputs, buttons, text areas and other html elements can. I want to avoid using

I want to use a formatted number input to show thousand seperator dots to user when he types big numbers. Here is the directive code that I used: http://jsfiddle.net/LCZfd/3/ When I use input type="text" it works, but when I want to use input type="number" it's weirdly cleaning by something when user typing big numbers. What is problem about input[number] ? As written in the comments, input type="number" doesn't support anything but digits, a decimal separator (usually , or . , depending on the locale) and - or e . You may still enter whatever you want, but the browser will discard any unknown

I have a form that contains 3 checkboxes: " Select All ", " Option 1 ", and " Option 2 ". <form id="selectionForm"> <input type="checkbox" ng-model="selectAll" >Select all <br> <input type="checkbox" ng-checked="selectAll" checked>Option 1 <br> <input type="checkbox" ng-checked="selectAll">Option 2 </form> On the initial page load I want only Option 1 to be checked. And then if the Select All checkbox gets checked it should automatically check Option 1 and Option 2 so all are selected. The problem is on the initial page load the ng-checked="selectAll" gets evaluated which overrides my attempt

As far as i understood ng-model sets the value for that particular element in which the model is been assigned. given that how is ng-value different from ng-model? It works in conjunction with ng-model; for radios and selects, it is the value that is set to the ng-model when that item is selected. Use it as an alternative to the 'value' attribute of the element, which will always store a string value to the associated ng-model. In the context of radio buttons, it allows you to use non-string values. For instance, if you have the radio buttons 'Yes' and 'No' (or equivalent) with values 'true'