This post shows an example of a directive that delays the model changes to an input until the blur event fires. Here is a fiddle that shows the ng-change working with the new ng-model-on-blur directive. Note this is a slight tweak to the original fiddle. If you add the directive to your code you would … Read more
There are 2 different ways to tackle this: still using $scope using controllerAs (recommended) using $scope class CustomCtrl{ static $inject = [‘$scope’, ‘$http’, ‘$templateCache’]; constructor ( private $scope, private $http, private $templateCache ){ $scope.search = this.search; } private search (search) { debugger; var Search = { AccountId: search.AccountId, checkActiveOnly: search.checkActiveOnly, checkParentsOnly: search.checkParentsOnly, listCustomerType: search.listCustomerType }; … Read more
You can use the native encodeURIComponent in javascript. Also, you can make it into a string filter to utilize it. Here is the example of making escape filter. js: var app = angular.module(‘app’, []); app.filter(‘escape’, function() { return window.encodeURIComponent; }); html: <a ng-href=”#/search?query={{address | escape}}”> (updated: adapting to Karlies’ answer which uses ng-href instead of … Read more
In this case, you don’t want to just “insert HTML”, but compile it. You can create DOM nodes using the $compile service. var tpl = $compile( ‘<div><p ng-repeat=”each in arr”>{{each}}</p></div>’ )( scope ); As you can see, $compile returns a function that takes a scope object as a parameter, against which the code is evaluated. … Read more
You can do: <form name=”loginform” novalidate ng-submit=”loginform.$valid && login.submit()”> No need for controller checks.
You need to create a service to be able to share data between controllers. app.factory(‘myService’, function() { var savedData = {} function set(data) { savedData = data; } function get() { return savedData; } return { set: set, get: get } }); In your controller A: myService.set(yourSharedData); In your controller B: $scope.desiredLocation = myService.get(); Remember … Read more
Use custom validation of forms http://docs.angularjs.org/guide/forms Demo: http://plnkr.co/edit/NzeauIDVHlgeb6qF75hX?p=preview Directive using formaters and parsers and MomentJS ) angModule.directive(‘moDateInput’, function ($window) { return { require:’^ngModel’, restrict:’A’, link:function (scope, elm, attrs, ctrl) { var moment = $window.moment; var dateFormat = attrs.moDateInput; attrs.$observe(‘moDateInput’, function (newValue) { if (dateFormat == newValue || !ctrl.$modelValue) return; dateFormat = newValue; ctrl.$modelValue = new … Read more
Essentially, and as-noted by @kevin-b: // find(‘#id’) angular.element(document.querySelector(‘#id’)) //find(‘.classname’), assumes you already have the starting elem to search from angular.element(elem.querySelector(‘.classname’)) Note: If you’re looking to do this from your controllers you may want to have a look at the “Using Controllers Correctly” section in the developers guide and refactor your presentation logic into appropriate directives … Read more
No you don’t have to put credentials, You have to put headers on client side eg: $http({ url: ‘url of service’, method: “POST”, data: {test : name }, withCredentials: true, headers: { ‘Content-Type’: ‘application/json; charset=utf-8’ } }); And and on server side you have to put headers to this is example for nodejs: /** * … Read more
You can use <li ng-repeat=”(name, age) in items”>{{name}}: {{age}}</li> See ngRepeat documentation. Example: http://jsfiddle.net/WRtqV/1/