Whenever you use ng-model on an input or select tag, angular internally manages two values for the field, one is $viewValue and other is $modelValue $viewValue -> Used for display purpose on view $modelValue-> Actual value which is used inside scope. When using an input tag with type=”email” Angular constantly validates the input value. And … Read more
Another way to go about it is to use a model for the options, set default selection in the model and have your controller handle the logic of doing select all. angular.module(“app”, []).controller(“ctrl”, function($scope){ $scope.options = [ {value:’Option1′, selected:true}, {value:’Option2′, selected:false} ]; $scope.toggleAll = function() { var toggleStatus = !$scope.isAllSelected; angular.forEach($scope.options, function(itm){ itm.selected = toggleStatus; … Read more
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 … Read more
Don’t use ngSelected with ngRepeat. Go with ngOptions: <body ng-controller=”TestController”> Selected item must be {{ array[test-1].name }} <select ng-model=”myModel” ng-options=”item.id as item.name for item in array”> <option value=””>Choose item..</option> </select> </body>
I believe that the intention of AngularJS inputs and the ngModel direcive is that invalid input should never end up in the model. The model should always be valid. The problem with having invalid model is that we might have watchers that fire and take (inappropriate) actions based on invalid model. As I see it, … Read more
This seems to be a binding issue. The advice is don’t bind to primitives. Your ngRepeat is iterating over strings inside a collection, when it should be iterating over objects. To fix your problem <body ng-init=”models = [{name:’Sam’},{name:’Harry’},{name:’Sally’}]”> <h1>Fun with Fields and ngModel</h1> <p>names: {{models}}</p> <h3>Binding to each element directly:</h3> <div ng-repeat=”model in models”> Value: … Read more
ngModel and ngChecked are not meant to be used together. ngChecked is expecting an expression, so by saying ng-checked=”true”, you’re basically saying that the checkbox will always be checked by default. You should be able to just use ngModel, tied to a boolean property on your model. If you want something else, then you either … Read more
I created a workaround with directive: .directive(“fileread”, [function () { return { scope: { fileread: “=” }, link: function (scope, element, attributes) { element.bind(“change”, function (changeEvent) { var reader = new FileReader(); reader.onload = function (loadEvent) { scope.$apply(function () { scope.fileread = loadEvent.target.result; }); } reader.readAsDataURL(changeEvent.target.files[0]); }); } } }]); And the input tag becomes: … Read more