logo
down
shadow

Angular 2 get routeParams in a service


Angular 2 get routeParams in a service

Content Index :

Angular 2 get routeParams in a service
Tag : angular , By : Andrew
Date : December 05 2020, 12:23 PM

will help you We can pass ActivatedRoute to service from component. Then subscribe to route.params in service class

Comments
No Comments Right Now !

Boards Message :
You Must Login Or Sign Up to Add Your Comments .

Share : facebook icon twitter icon

Angular best practice (in this situation) for passing data between controllers - service or routeParams?


Tag : javascript , By : Verbal
Date : March 29 2020, 07:55 AM
Does that help I suggest to use a service.
If you want stock persistant data, i suggest to use this https://github.com/Zmetser/localstorageservice
myApp.service('controllerSharingData', function() {
  var __variables = {};

  return {
   get: function(varname) {
    return (typeof __variables[varname] !== 'undefined') ? __variables[varname] : false;
   },
   set: function(varname, value) {
    __variables[varname] = value;
   }
  };
});
myApp.controller('IndexCtrl', function($scope, controllerSharingData) {
  controllerSharingData.set('toto', 'hello world');
});

myApp.controller('ListCtrl', function($scope, controllerSharingData) {
  alert(controllerSharingData.get('toto'));
});

Use $routeParams in service


Tag : angularjs , By : Singularity
Date : March 29 2020, 07:55 AM
I hope this helps . Because services are singletons. That's why you get that behavior.
I recommend that do not inject $routeParams as the init params of a service. Instead, inject it in controllers, then call service's functions using the values in $routeParams as params.
factory('Post', function ($resource) {
    return {
        doPost: function(customerId) {
            $resource('api/posts', {customer_id: customerId});
        }
    };
});

//...
//in some controller
Post.doPost($routeParams.customerId)

How am I getting values for routeParams, path and search without injecting $routeParams or $location?


Tag : angularjs , By : doctorbigtime
Date : March 29 2020, 07:55 AM
Any of those help Please see a sample code below: , Take a look at the angular documentation, it states:

How is the array syntax supposed to work with Angular's $routeParams service?


Tag : javascript , By : tanminivan
Date : March 29 2020, 07:55 AM
Hope this helps I'm learning JavaScript. In the course, there is following task: , You need to update
.controller('NotesShowController', [function($http, $routeParams) {
.controller('NotesShowController', ['$http', '$routeParams', function($http, $routeParams) {

Typescript issue - When using RouteParams I get a type compiler error when trying to get routeParams .id


Tag : typescript , By : Jody Bannon
Date : March 29 2020, 07:55 AM
To fix this issue I made a try and it works for me without any error. Here is what I tried:
export class DetailsComponent {
  constructor(service:CompanyService, routeParams: RouteParams) {
    this.service = service;
    this.routeParams = routeParams;
    var idMethod1 = this.routeParams.params.id;
    var idMethod2 = this.routeParams.get('id'));
    (...)
  }
}
@RouteConfig([
  { path: '/', component: ListComponent, name: 'Home', useAsDefault: true }
  { path: '/:id/:f', component: DetailsComponent, name: 'Details'}
])
export class AppComponent {
  (...)
}
$ tsc -v
message TS6029: Version 1.7.5
Related Posts Related QUESTIONS :
  • Angular Material Dialogue issue - Error: The selector "dialog-result-example-dialog" did not match any element
  • BodyParser doesn't parse - but everything looks right to me. How to resolve `Cannot read property of undefined`
  • Deep Linking with IOS and Android Nativescript
  • Angular 8 + IE 11: Some polyfills are missed
  • How access form attributes from component?
  • Pass all FromGroup control values to another FormGroup
  • In Angular 7, how do I access the component that emitted an event?
  • Not able to call a method when a feature/marker is selected in OpenLayers
  • How to Implement Nested NG If else conditions in Angular 8
  • Want only single true or false value from observers
  • How to add react custom element in angular 6
  • StaticInjectorError(AppModule)[MainComponent -> MatDialog]
  • Loop through data set showing undefined
  • Why does the Angular Material table mat-paginator pagesize not work?
  • Can Web API get input from angular client for confirmation and continue execution?
  • Will the angular build include the spec file size?
  • Meta tags angular 7
  • Can't find file on stackblitz Angular project
  • AngularFire Auth exchange FireBase token for my platform's token before re-direct
  • Angular 8 Component / Service: How to retrieve data from async function in service
  • Add a control to a dynamic Angular reactive form
  • Looking to Add Role-Based Authentication System
  • Angular 7/8, 1 dependency is interfering with another one, How to avoid the loading of a deep dependency while inside a
  • Compiler errors (resolving) when compiling after addition of Firebase Admin SDK
  • wrapper observable event on top of http call
  • Nginx container does not send requests to back-end
  • ngOnInit starts before APP_INITIALIZER is done
  • How to trigger a data service call in Angular
  • Where do I declare my external service in my app.module.ts file?
  • event propagation cdk drag
  • use argument as object property in angular
  • How to create new object in redux selector and return it
  • How can I show my own text status before i switch my toggle button while using mat-slide-toggle
  • Get the API response and store the data in to an array
  • How to obtain previous and new value from Angular mat-select?
  • Send payload data with POST/PUT/PATCH requests to Sentry.io
  • Angular 8 not working in IE 11 and Safari browser
  • How to create function name from json in Angular 7
  • Im trying to push values from an array with objects to another array with objects
  • Got an error when I add "changeDetectionStrategy" to my app
  • Angular typescript object undefined at start leading to undefined error
  • Failed: Template parse errors: There is no directive with "exportAs" set to "bsDatepicker" while run
  • Error: Can't resolve all parameters for setupPlatform: (?, [object Object], [object Object])
  • Differences between ng build and ng build --watch
  • Does an angular component ever destroy when it is subscribed to router change event once?
  • How do I get the JSON response from httpModule.get?
  • Ngx-logger implementation in angular 8
  • font size increase decrease by button using angular 7
  • Are selectors and module declarations mandatory for components?
  • Why angular is adding '#' in each route?
  • how to block the subsequent clicks in angular?
  • Ionic Angular TypeError: architect_1.createBuilder is not a function
  • Angular app doesn't work on Firefox after updating it to Version 8
  • Angular: Formatting numbers percentage
  • Matrix in FormGroup [Angular 2+]
  • "export 'DOCUMENT' was not found in '@angular/platform-browser'
  • angular autocomplete material
  • Prevent click event from triggering other click elements undernethe the front element
  • How to know when an image has been fully loaded in angular?
  • How to read config file to set API URL inside an Angular App packaged as a WAR and deployed on IBM Liberty
  • shadow
    Privacy Policy - Terms - Contact Us © scrbit.com