angularjs

Is it possible to filter angular.js by containment in another array?

Update Here’s an angular module (based on @InviS answer) to easily implement this filter inside your angular application: filters-inArrayFilter Here’s the angular filters approach based on @InviS answer: The filter should be like this: .filter(‘inArray’, function($filter){ return function(list, arrayFilter, element){ if(arrayFilter){ return $filter(“filter”)(list, function(listItem){ return arrayFilter.indexOf(listItem[element]) != -1; }); } }; }); where list is … Read more

Angularjs filter negated

‘!’ character prepend to the filter string, like below: filter:’!’+languageOrigin <select ng-model=”languageOrigin” ng-change=”updatePrice()”> <option ng-repeat=”language in languages”>{{language}}</option> </select> <select ng-model=”languageDestination” ng-change=”updatePrice()”> <option ng-repeat=”language in languages | filter:’!’+languageOrigin”>{{language}}</option> </select>

How to return image from $http.get in AngularJS

None of the methods seems to be complete, this is a complete solution: $http({ method: ‘GET’, url: imageUrl, responseType: ‘arraybuffer’ }).then(function(response) { console.log(response); var str = _arrayBufferToBase64(response.data); console.log(str); // str is base64 encoded. }, function(response) { console.error(‘error in getting static img.’); }); function _arrayBufferToBase64(buffer) { var binary = ”; var bytes = new Uint8Array(buffer); var … Read more

Required attribute Not working with File input in Angular Js

It’s the ngModelController that does the validation in Angular based on attributes like require. However, currently there is no support for input type=”file” with the ng-model service. To get it working you could create a directive like this: app.directive(‘validFile’,function(){ return { require:’ngModel’, link:function(scope,el,attrs,ngModel){ //change event is fired when file is selected el.bind(‘change’,function(){ scope.$apply(function(){ ngModel.$setViewValue(el.val()); ngModel.$render(); … Read more

Does Angular routing template url support *.cshtml files in ASP.Net MVC 5 Project?

Yes, you can. Adding a similar answer to Yasser’s, but using ngRoute: 1) Instead of referencing your partial HTML, you need to reference a Controller/Action to your ASP.NET MVC app. .when(‘/order’, { templateUrl: ‘/Order/Create’, controller: ‘ngOrderController’ // Angular Controller }) 2) Your ASP.NET MVC will return a .cshtml view: public class OrderController : Controller { … Read more

How would I have ui-router go to an external link, such as google.com?

Angular-ui-router doesn’t support external URL, you need redirect the user using either $location.url() or $window.open() I would suggest you to use $window.open(‘http://www.google.com’, ‘_self’) which will open URL on the same page. Update You can also customize ui-router by adding parameter external, it can be true/false. $stateProvider .state(‘external’, { url: ‘http://www.google.com’, external: true }) Then configure … Read more

Angularjs how to cancel resource promise when switching routes

First of all, I decided I needed to use $http since I couldn’t find any solution that used $resource, nor could I get it to work on my own. So here’s what my factory turned into, based on @Sid’s answer here, using the guide at http://www.bennadel.com/blog/2616-aborting-ajax-requests-using-http-and-angularjs.htm .factory(‘AllSites’,function($http,$q){ function getSites(categoryID) { // The timeout property of … Read more

How does Angular 2 change detection work?

Angular creates a change detector object (see ChangeDetectorRef) per component, which tracks the last value of each template binding, such as {{service.a}}. By default, after every asynchronous browser event (such as a response from a server, or a click event, or a timeout event), Angular change detection executes and dirty checks every binding using those … Read more

AngularJS : How to use one resolve for all the routes of my application

For completeness, here is the whole solution, using angular instead of underscore, with a chainable ‘when’. Nothing new in this code, just combined a bunch of the answers above. var originalWhen = $routeProvider.when; $routeProvider.when = function(path, route) { route.resolve || (route.resolve = {}); angular.extend(route.resolve, { CurrentUser : function(User) { return User.current(); } }); return originalWhen.call($routeProvider, … Read more

+ More