angular-ui-router

问题 first i post the user id and password from the UI (angular) to flask public send_login(user){ console.log(user) return this.http.post(this.apiURL+'/login',JSON.stringify(user),this.httpOptions) .pipe(retry(1),catchError(this. handleError)) } next i received it from backend backend error all the operations are working properly but at console the cross origin error is raising Error at UI console the http option in Ui side is mentioned below constructor(private http: HttpClient) { } // Http

问题 I an trying to develop an angular app using ui router, however I am stuck trying to get the controllerAs syntax working correctly. my stateProvider looks like this $stateProvider .state('microsite', { url: "/", templateUrl: "microsite.tmpl.html", abstract: true }) .state('microsite.home', { url: "", templateUrl: "home.tmpl.html", controller: 'MicrositeController as vm', data: { page_name: 'Introduction' } }) .state('microsite.features', { url: "/features", templateUrl: "features.tmpl.html",

问题 I am aware of siiar questions, such as Angularjs 1.7.9 - Possibly unhandled rejection and those mentioned in it as duplicates. However, my code does not use promises (that I am aware of; certainly no $promise or $http ). I am just knocking up a simple ui-router demo for a friend. It is just two views, each with a button that toggles to the other view. It works just fine with AngulrJs 1.5, and breaks with the above error in 1.7. A simple as it is, it's a bit too much code to post. In case,

问题 I'm using angular4 and trying to create a router link. The router link works but displays the template twice. Below is my code in the component: import { Component } from '@angular/core'; import { Router, ActivatedRoute } from '@angular/router'; @Component({ selector: 'app-root', template: ` <h1>Contacts App</h1> <ul> <li><a [routerLink]="['/facebook/top']">Contact List</a></li> </ul> <router-outlet></router-outlet> ` }) export class AppComponent { constructor( private route: ActivatedRoute,

问题 My application receives an error when I try to route to a named outlet using this link in html: <a [routerLink]=.../> But the same route works using this.router.navigate from a ts handler function. The following StackBlitz shows the issue:StackBlitzNavErrorExample Click on "CarLink" which shows a simple navigation page, then notice how the button "Change" works but the link "GI Link" does not. But the routing looks the same for me. I want to use [routerLink]= so I can also use

问题 My application receives an error when I try to route to a named outlet using this link in html: <a [routerLink]=.../> But the same route works using this.router.navigate from a ts handler function. The following StackBlitz shows the issue:StackBlitzNavErrorExample Click on "CarLink" which shows a simple navigation page, then notice how the button "Change" works but the link "GI Link" does not. But the routing looks the same for me. I want to use [routerLink]= so I can also use

问题 I'm looking for the best way to manage the includes of css files, I've found a great answer : https://stackoverflow.com/a/20404559/3163545 But this is working only with rootProvider. So how to do something like this with stateProvider : app.config(['$routeProvider', function($routeProvider){ $routeProvider .when('/some/route/1', { templateUrl: 'partials/partial1.html', controller: 'Partial1Ctrl', css: 'css/partial1.css' }) .when('/some/route/2', { templateUrl: 'partials/partial2.html',

问题 I have states mentioned like this $stateProvider .state('dashboard', { url: "/dashboard", views: { content: { templateUrl: "/dashboard/index" } } }).state('accounts', { url: "/accounts", views: { 'content': { templateUrl: "/accounts/index" } } }) .state('accounts.add', { url: "/add", views: { 'content': { templateUrl: "/accounts/add" } } }); and the URLS are <a class="list-group-item submenu" ui-sref="accounts">Service Users</a> <a class="list-group-item submenu" ui-sref="accounts.add">Add

问题 I have an Angular application which consists of 2 components. The main one is a graph which plots data from a json file. Each 5s interval a new point is plotted. My problem is that when I route to display the second component and then go back to the main one, all the data already plotted is cleared and the component starts from the begining again. I have researched on the internet but I don't get a clear answer. Basically I want to avoid the main component to destroy on routing so It can

问题 I am using angular and sails to build a web app, in which each user have their own them so to display their public profile I have to use different templates. I am using ui-router and if I can pass id passed to the route url to templateUrl field I can solve this problem easily, so is there a way to do that ?? app.config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise('/'); $stateProvider .state('profile', { abstract: true, url: '', templateUrl: domain + "/profile