Tag: typecript

TypeError：search.valueChanges.debounceTime不是一个函数

我只是学习angular2。 在应用input变化的时候，我得到了错误。 app.ts： export class AppComponent { form: ControlGroup; constructor(fb: FormBuilder) { this.form = fb.group({ search: [] }); var search = this.form.find('search'); search.valueChanges .debounceTime(400) .map(str => (<string>str).replace(' ','‐')) .subscribe(x => console.log(x)); }; } 错误： 如何解决这个问题？ 我错过了什么吗？ Plunker演示 注意我不能生产任何东西，因为我现在正在写第一次冲锋者。 我只在plunker写了我的app.ts代码。 我已经从我的本地电脑显示错误的截图。 如果你告诉我在plunker上运行angular2项目的方式，我也会很感激。

如何更改angular2路由器中的页面标题

我正在尝试从路由器更改页面标题，可以这样做吗？ import {RouteConfig} from 'angular2/router'; @RouteConfig([ {path: '/home', component: HomeCmp, name: 'HomeCmp' } ]) class MyApp {}

Angular2：如何在渲染组件之前加载数据？

我正试图从我的API加载一个事件之前组件呈现。 目前，我正在使用我从组件的ngOnInit函数调用的API服务。 我的EventRegister组件： import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from "../../services/api.service"; import {EventModel} from '../../models/EventModel'; import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig, RouteParams, RouterLink} from 'angular2/router'; import {FORM_PROVIDERS, FORM_DIRECTIVES, Control} from 'angular2/common'; @Component({ selector: "register", templateUrl: "/events/register" // provider array is added in parent component }) export class EventRegister implements OnInit { eventId: string; ev: […]

Angular2 canActivate（）调用asynchronous函数

我正在尝试使用Angular2路由器守卫来限制对我的应用程序中的一些页面的访问。 我正在使用Firebase身份validation。 为了检查用户是否使用Firebaselogin，我必须使用callback呼叫FirebaseAuth对象上的.subscribe() 。 这是警卫的代码： import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFireAuth } from "angularfire2/angularfire2"; import { Injectable } from "@angular/core"; import { Observable } from "rxjs/Rx"; @Injectable() export class AuthGuard implements CanActivate { constructor(private auth: AngularFireAuth, private router: Router) {} canActivate(route:ActivatedRouteSnapshot, state:RouterStateSnapshot):Observable<boolean>|boolean { this.auth.subscribe((auth) => { if (auth) { […]