angular-services | 易学教程

What is the difference between the $parse, $interpolate and $compile services?

阅读更多关于 What is the difference between the $parse, $interpolate and $compile services?

问题 What is the difference between $parse , $interpolate and $compile services? For me they all do the same thing: take template and compile it to template-function. 回答1: Those are all examples of services that aid in AngularJS view rendering (although $parse and $interpolate could be used outside of this domain). To illustrate what is the role of each service let's take example of this piece of HTML: var imgHtml = '<img ng-src="/path/{{name}}.{{extension}}">' and values on the scope: $scope.name

Angular 2: Two backend service calls on success of first service

阅读更多关于 Angular 2: Two backend service calls on success of first service

In my Angular 2 app I have backend service as below. getUserInterests() { return this.http.get('http://localhost:8080/test/selections').map((res: Response) => res.json()); } After calling this service I want to call another service on success of previous one. 2nd service let params: URLSearchParams = new URLSearchParams(); params.set('access_token', localStorage.getItem('access_token')); return this.http.get('http://localhost:8080/user/selections', { search: params }).map((res: Response) => res.json()); These two services separately return two JSON Arrays. Then I need to do some login with

The view is not updated in AngularJS

阅读更多关于 The view is not updated in AngularJS

问题 Updating the model property has no effect on the view when updating the model in event callback, any ideas to fix this? This is my service: angular.service(\'Channel\', function() { var channel = null; return { init: function(channelId, clientId) { var that = this; channel = new goog.appengine.Channel(channelId); var socket = channel.open(); socket.onmessage = function(msg) { var args = eval(msg.data); that.publish(args[0], args[1]); }; } }; }); publish() function was added dynamically in the

AngularJS - UI Router - programmatically add states

阅读更多关于 AngularJS - UI Router - programmatically add states

问题 Is there a way to programmatically add states to $stateProvider after module configuration, in e.g. service ? To add more context to this question, I have a situation where I can go with two approaches: try to force the reload on the state defined in the module configuration, the problem is that state has a reloadOnSearch set to false , so when I try $state.go(\'state.name\', {new:param}, {reload:true}); nothing happens, any ideas ? State definition .state(\'index.resource.view\', { url: \"/

use $http inside custom provider in app config, angular.js

阅读更多关于 use $http inside custom provider in app config, angular.js

问题 The main question - is it possible? I tried with no luck.. main app.js ... var app = angular.module(\'myApp\', [\'services\']); app.config([\'customProvider\', function (customProvider) { }]); ... provider itself var services = angular.module(\'services\', []); services.provider(\'custom\', function ($http) { }); And I\'ve got such error: Uncaught Error: Unknown provider: $http from services Any ideas? Thanks! 回答1: The bottom line is: You CANNOT inject a service into the provider

Angular 2: Two backend service calls on success of first service

阅读更多关于 Angular 2: Two backend service calls on success of first service

问题 In my Angular 2 app I have backend service as below. getUserInterests() { return this.http.get(\'http://localhost:8080/test/selections\').map((res: Response) => res.json()); } After calling this service I want to call another service on success of previous one. 2nd service let params: URLSearchParams = new URLSearchParams(); params.set(\'access_token\', localStorage.getItem(\'access_token\')); return this.http.get(\'http://localhost:8080/user/selections\', { search: params }).map((res:

AngularJS : How to watch service variables?

阅读更多关于 AngularJS : How to watch service variables?

问题 I have a service, say: factory(\'aService\', [\'$rootScope\', \'$resource\', function ($rootScope, $resource) { var service = { foo: [] }; return service; }]); And I would like to use foo to control a list that is rendered in HTML: <div ng-controller=\"FooCtrl\"> <div ng-repeat=\"item in foo\">{{ item }}</div> </div> In order for the controller to detect when aService.foo is updated I have cobbled together this pattern where I add aService to the controller\'s $scope and then use $scope.

Passing data between controllers in Angular JS?

阅读更多关于 Passing data between controllers in Angular JS?

问题 I have a basic controller that displays my products, App.controller(\'ProductCtrl\',function($scope,$productFactory){ $productFactory.get().success(function(data){ $scope.products = data; }); }); In my view I\'m displaying this products in a list <ul> <li ng-repeat=\"product as products\"> {{product.name}} </li> </ul What I\'m trying to do is when someone click on the product name, i have another view named cart where this product is added. <ul class=\"cart\"> <li> //click one added here </li

angular.service vs angular.factory

阅读更多关于 angular.service vs angular.factory

问题 I have seen both angular.factory() and angular.service() used to declare services; however, I cannot find angular.service anywhere in official documentation. What is the difference between the two methods? Which should be used for what (assuming they do different things)? 回答1: angular.service('myService', myServiceFunction); angular.factory('myFactory', myFactoryFunction); I had trouble wrapping my head around this concept until I put it to myself this way: Service : the function that you