angular-routing

In my route .when('/user:user_guid',{ templateUrl : 'users/profile.html', controller : 'userController' }) In my index.html within the ng-repeat I have <a href="#/user/:{{user.user_guid}}">view profile</a> It works but in my URL I'm seeing the guid has been exposed. Is there any way to hide it? Use ng-click <a ng-click="go_url(user)">view profile</a> and then in some controller //it has many possible solutions, this is one of them //according to your config, you're using angular route provider $scope.go_url = function(_user){ //be sure to inject $location service $location.path('/user/' +

This question already has an answer here: angularjs unable to find templates directory, flask as backend 1 answer I get page not found error when I try to load an injected page from my templates folder. index.html page is the page launched by default when I start the server and it also contains ng-view, so I can inject the pages specified in the angular config. Here is my project structure: angular_routing/ flask_service.py static/ script.js templates/ index.html home.html .... This is my angular routing: // configure our routes scotchApp.config(function($routeProvider) { $routeProvider //

I'm creating a single page app in which a user searches for a term, the result gets saved in a variable, and a new page is routed that displays the result. I have this functionality working, however I want the variable to be cleared when the user returns to the previous page and most importantly when the user logs out. What's the proper way to do this? I want the factory to save things for certain pages that I want, and clear them for certain pages I don't want like "home" or "logout". Factory: angular.module('firstApp') .factory('fact', function () { var service = {}; var _information =

Basically as a title states, I need to return multiple observables or maybe a results. The goal is basically to load lets say a library list and then load a books based on that library ID's. I don't want to call a service in components, instead I want all the data to be loaded before the page load. import { Injectable } from '@angular/core'; import { Resolve, ActivatedRouteSnapshot } from '@angular/router'; import { UserService } from './../_services/index'; @Injectable() export class LibraryResolver implements Resolve<any> { constructor(private _userService: UserService) {} resolve(route:

I have the following template for the root component of my angular2 app: <main class="main"> <div class="main__container"> <div class="main__left-area"> <router-outlet name="left-zone"></router-outlet> </div> <div class="main__right-area"> <router-outlet name="right-zone"></router-outlet> </div> </div> </main> And the following routes: import { HomeSummaryComponent } from "../components/home-summary/home-summary.component" import { DataSummaryComponent } from "../components/data-summary/data-summary.component" import { AskSummaryComponent } from "../components/ask-summary/ask-summary.component