XML module for AngularJS.
It provides 2 XML helpers:
-
A filter to convert an XML string in to an Angular element.
function MyCtrl(xmlFilter) { var xml = xmlFilter('<blogs><blog name="my first blog" id="1"/></blogs>'); console.log(xml.find('blog')); // => [blog 1] }
-
A HTTP interceptor to turn all your responses in to an Angular XML element.
angular .module('blogs', ['xml']) .config(function ($httpProvider) { $httpProvider.responseInterceptors.push('xmlHttpInterceptor'); }); function BlogsCtrl ($scope, $http) { $scope.blogs = []; $http.get('blogs.xml').then(function (response) { var blogs = [], els = response.xml.find('blog'), blog, i; for (i = 0; i < els.length; i += 1) { blog = angular.element(els[i]); blogs.push({ name: blog.attr('name'), id: blog.attr('id') }); } $scope.blogs = blogs; }); }
<!doctype html> <html lang="en" ng-app="blogs"> <head> <title>Blogs</title> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> <script src="angular-xml.min.js"></script> <script src="blogs.js"></script> </head> <body ng-controller="BlogsCtrl"> <ul> <li ng-repeat="blog in blogs"> {{blog.id}} - {{blog.name}} </li> </ul> </body> </html>
Either download the latest tag, or use bower:
bower i --save angular-xmlThe tests run with karma.
- Install Node.js
npm i -g karma
karma start test/karma.js
The source file angular-xml.js can be minifed and checked for problems using a grunt command. First make sure you have installed all npm dependencies npm i. Then run grunt.