angular-routing

I am using angular-route-segment in my angular app and an trying to configure the segments from a json feed. I have having problems with this, because I can't figure out how to inject $http into the app.config function. This fails with Unknown provider: $http myApp.config(["$http", "$routeSegmentProvider", function ($http, $routeSegmentProvider) { /* setup navigation here calling $routeSegmentProvider.when a number of times */ } So instead of injecting $http into config , I also tried injecting $routeSegmentProvider into myApp.run myApp.run(["$http", "$routeSegment", function($http,

I Have an Angular application. I run the command ng build --prod --aot to generate the dist folder. In the dist folder I created a file named Staticfile then I uploaded the dist folder to pivotal.io with the following commands: cf push name-app --no-start cf start name-app The app runs well. I have a nav bar, so when I change the path with navbar everything works fine. But when I do it manually (I enter the url myself) I have this error 404 Not Found nginx . This my app.component.ts: const appRoutes: Routes = [ { path: 'time-picker', component: TimePickerComponent }, { path: 'material-picker',

I want to prevent page refresh by everywhere. I tried the code below import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { CommonServices } from '../services/common.service'; @Component({ selector: 'app-review-prescription', templateUrl: './review-prescription.component.html', styleUrls: ['../../assets/css/prescriptionView.css'], providers:[ CommonServices ] }) export class ReviewPrescriptionComponent implements OnInit { constructor( private commonServices:CommonServices, private router:Router ){} ngOnInit(){ window.onbeforeunload = function

I have component with separated file of routing settings: import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { Route } from '../core/route.service'; import { extract } from '../core/i18n.service'; import {CalendarThematicPlanComponent} from './calendar-thematic-plan.component'; const routes: Routes = Route.withShell([ { path: 'calendar', component: CalendarThematicPlanComponent } ]); @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule], providers: [] }) export class CalendarThematicPlanRoutingModule { } When I

I would like to use proper dependency injection in MyCtrl1 to inject the fields of the MyCtrl1.resolve object. I've tried many different combinations of attempting to inject @MyCtrl1.resolve etc. with no luck. @MyCtrl1 = ($scope, $http, batman, title) -> $scope.batman = batman.data $scope.title = title.data @MyCtrl1.resolve = { batman: ($http) -> $http.get('batman.json') title: ($http) -> $http.get('title.json') } #@MyCtrl1.$inject = ['$scope', '$http'] -- commented out because not sure how to inject resolve fields angular .module( 'app', []) .config( ['$routeProvider', '$locationProvider', (