Questions tagged «angular»

是否可以传递多个路由参数，例如下面需要传递id1并传递id2给component B @RouteConfig([ {path: '/component/:id :id2',name: 'MyCompB', component:MyCompB } ]) export class MyCompA { onClick(){ this._router.navigate( ['MyCompB', {id: "someId", id2: "another ID"}]); } }

77 angular  angular2-routing 

我是Angular 2的初学者，我已经在我的代码中编写了这段代码dev/app.component.ts： import {Component} from 'angular2/core'; @Component({ selector: 'my-app', template: '<h3 (click)="onSelect()"> {{contact.firstName}} {{content.lastName}}</h3>' }) export class AppComponent { public contact = {firstName:"Max", lastName:"Brown", phone:"3456732", email:"max88@gmail.com"}; public showDetail = false; onSelect() { this.showDetail=true; } } 当我转到浏览器“显示最大布朗”时，它可以工作。 现在，我想在不同的行上编写模板部分，如下所示： import {Component} from 'angular2/core'; @Component({ selector: 'my-app', template: '<h3 (click)="onSelect()"> {{contact.firstName}} {{contact.lastName}}<h3>' }) …

77 typescript  angular 

我正在尝试打印使用中的http通话结果Angularrxjs 考虑以下代码 import { Component, Injectable, OnInit } from '@angular/core'; import { Http, HTTP_PROVIDERS } from '@angular/http'; import 'rxjs/Rx'; @Injectable() class myHTTPService { constructor(private http: Http) {} configEndPoint: string = '/my_url/get_config'; getConfig() { return this.http .get(this.configEndPoint) .map(res => res.json()); } } @Component({ selector: 'my-app', templateUrl: './myTemplate', providers: [HTTP_PROVIDERS, myHTTPService], }) …

77 typescript  angular  reactive-programming  rxjs  observable 

我发现了许多示例，其中ActivatedRouteObservable喜欢params或url已订阅但未取消订阅。 constructor(private route: ActivatedRoute) {} ngOnInit() { this.route.params // (+) converts string 'id' to a number .switchMap((params: Params) => this.service.getHero(+params['id'])) .subscribe((hero: Hero) => this.hero = hero); } 路径对象和订阅是否会自动销毁，并在每次创建组件时都重新创建？ 我是否需要取消订阅那些邮件Observable？ 如果没有，您能否解释一下中的ActivatedRoute对象树的情况Router。routerState？

77 angular  typescript  angular2-router3  angular2-router 

我正在从API提取大量图像URL，并将它们显示在angular 2 Web应用程序中。一些网址已损坏，我想用存储在本地Web服务器上的默认图片替换它们。有没有人建议如何测试网址，并且在状态码404的情况下替换损坏的图片？ 谢谢！

76 javascript  angular 

在使用rxjs的Angular 2中，我试图将Promise转换为Observable。由于许多在线指南的显示我用fromPromise的Observable。哪个抛出错误： Property 'fromPromise' does not exist on type 'typeof Observable'. Observable的输入方式如下： import { Observable } from "rxjs/Observable"; 尝试fromPromise像其他运算符一样导入会导致错误： import 'rxjs/add/operator/fromPromise'; 即使我抑制打字稿错误，它仍然会导致错误： (<any>Observable).fromPromise 错误： Uncaught (in promise): TypeError: __WEBPACK_IMPORTED_MODULE_3_rxjs_Observable__.Observable.fromPromise is not a function 此处在rxjs存储库中报告了类似的问题，但那里也没有解决方案。

76 angular  promise  rxjs  observable  es6-promise 

我有一个angular2主动防护，如果用户未登录，它将进行处理，将其重定向到登录页面： import { Injectable } from "@angular/core"; import { CanActivate , ActivatedRouteSnapshot, RouterStateSnapshot, Router} from "@angular/router"; import {Observable} from "rxjs"; import {TokenService} from "./token.service"; @Injectable() export class AuthenticationGuard implements CanActivate { constructor ( private router : Router, private token : TokenService ) { } /** * Check if the user …

76 angular  typescript  angular-routing 

在Angular 2.0.0中，我正在对使用路由器的组件进行单元测试。但是我得到“提供的参数与呼叫目标的任何签名都不匹配。” 错误。在spec.ts中的Visual Studio代码中，新的Router（）以红色突出显示 如果有人能让我知道正确的语法，我将不胜感激。提前致谢。我的代码如下： 规格 import { TestBed, async } from '@angular/core/testing'; import { NavToolComponent } from './nav-tool.component'; import { ComponentComm } from '../../shared/component-comm.service'; import { Router } from '@angular/router'; describe('Component: NavTool', () => { it('should create an instance', () => { let component = new NavToolComponent( new ComponentComm(), …

76 angular  unit-testing  angular6  karma-jasmine  angular7 

我正在使用Angular2和Typscript。我有一个枚举： export enum Role { ServiceAdmin, CompanyAdmin, Foreman, AgentForeman, CrewMember, AgentCrewMember, Customer } 我想使用* ngFor遍历枚举。做这个的最好方式是什么？我必须创建一个管道吗？还是有更简单的方法？

76 angular  angular2-template 

我想在Angular 2中使用* ngFor迭代[object object]。问题是对象不是对象数组，而是包含更多对象的对象对象。 { "data": { "id": 834, "first_name": "GS", "last_name": "Shahid", "phone": "03215110224", "role": null, "email": "test@example.com", "picture": **{ <-- I want to get thumb: url but not able to fetch that** "url": null, "thumb": { "url": null } }, "address": "Nishtar Colony", "city_id": 2, "provider": "email", "uid": …

76 angular  ionic2 

我有两个对象的数组： genericItems: Item[] = []; backupData: Item[] = []; 我正在用genericItems数据填充HTML表。该表是可修改的。有一个重置按钮可以撤消使用所做的所有更改backUpData。此数组由服务填充： getGenericItems(selected: Item) { this.itemService.getGenericItems(selected).subscribe( result => { this.genericItems = result; }); this.backupData = this.genericItems.slice(); } 我的想法是，用户更改将反映在第一个阵列中，而第二个阵列可用作重置操作的备份。我在这里面临的问题是用户修改表时（genericItems[])第二个数组backupData也被修改了。 这是怎么回事，如何预防呢？

76 arrays  angular  typescript 

我有一个简单的方法，在它的结尾，我想重定向到另一个组件： export class AddDisplay{ display: any; addPairTo(name: string, pairTo: string){ this.display = {}; this.display.name = name; this.display.pairTo = pairTo; } } 我想做的是在方法结束时重定向到另一个组件： export class AddDisplay{ display: any; addPairTo(name: string, pairTo: string){ this.display = {}; this.display.name = name; this.display.pairTo = pairTo; this.redirectTo('foo'); } } 如何在Angular 2中实现这一目标？

76 javascript  angular 

import { Headers, Http } from '@angular/http'; @Injectable() export class PublisherService{ private publishersUrl = 'app/publisher'; constructor(private http: Http) { } getPublishers(): Promise<Publisher[]>{ return this.http.get(this.publishersUrl) .toPromise() .then(response => response.json().data) .catch(this.handleError); } } 我收到此错误： 属性'toPromise'在'Observable'类型上不存在。

76 angular  typescript  rxjs  angular2-services 

我在获取角度为4的图像时遇到问题。它一直告诉我找不到该图像。 资料夹结构： app_folder/ app_component/ - my_componenet - image_folder/ - myimage 我在中使用图片mycomponent。如果在中mycomponent，则直接用以下命令插入： <img src="img/myimage.png" 这工作正常，但我检查了html并创建了一个哈希。但是我的图片必须动态添加到html中，因为它们是列表的一部分。所以，如果我使用： <img src="{{imagePath}}"> 基本上img/myimage.png，这是行不通的。如果我使用： <img [src]="imagePath"> 它说NOT FOUND (htttps://localhost/img/myimage.png)。你能帮助我吗？

76 html  image  angular  src 

在我的应用程序中，我有类似以下内容： this._personService.getName(id) .concat(this._documentService.getDocument()) .subscribe((response) => { console.log(response) this.showForm() }); //Output: // [getnameResult] // [getDocumentResult] // I want: // [getnameResult][getDocumentResult] 然后我得到两个分开的结果，首先是_personService，然后是_documentService。如何在调用this.showForm()完成之前等待两个结果，然后操纵每个结果。

76 javascript  angular  rxjs  reactive-programming