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 / incorrect character. This leaves you with 2 options: Use type=”text” and pattern validation … 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
The problem is the import of ProjectsListComponent in your ProjectsModule. You should not import that, but add it to the export array, if you want to use it outside of your ProjectsModule. Other issues are your project routes. You should add these to an exportable variable, otherwise it’s not AOT compatible. And you should -never- … 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
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
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
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