Tag: angular度angular度

Angular2 – “router-outlet”不是已知的元素: 我创build了深度子path的路线。我将<router-outlet>添加到了包装到NgModule中的AdminComponent组件。但刷新页面后，我得到这个错误： 'router-outlet' is not a known element 也许这是因为我忘了导入一些模块到admin.module.ts 请帮忙。谢谢。 app.routes.ts export const routes: Routes = [ { path: '', component: AppComponent, children: [ { path: '', component: LoginComponent }, { path: 'admin', component: AdminComponent }, { path: 'user', component: UserComponent }, { path: 'there', component: ThereComponent } ] } ] app.module.ts @NgModule({ […]

angular2手动点击特定元素上的点击事件: 我试图在元素上编程单击事件（或任何其他事件），换句话说，我想知道angular2中的jQuery .trigger（）方法提供的类似function。有没有内置的方法来做到这一点？如果不是，请build议我该如何做到这一点考虑下面的代码片段 <form [ngFormModel]="imgUploadFrm" (ngSubmit)="onSubmit(imgUploadFrm)"> <br> <div class="input-field"> <input type="file" id="imgFile" (click)="onChange($event)" > </div> <button id="btnAdd" type="submit" (click)="showImageBrowseDlg()" )>Add Picture</button> </form> 这里当用户点击btnAdd时，它应该触发imgFile上的点击事件

tslint / codelyzer / ng lint错误：“for（… in …）语句必须使用if语句过滤”: 林特错误信息： src / app / detail / edit / edit.component.ts [111，5]：for（… in …）语句必须用if语句过滤代码片段（这是一个工作代码，也可以在angular.io表单validation部分获得）： for (const field in this.formErrors) { // clear previous error message (if any) this.formErrors[field] = ''; const control = form.get(field); if (control && control.dirty && !control.valid) { const messages = this.validationMessages[field]; for (const key in control.errors) { this.formErrors[field] += messages[key] […]

Angular 2：如何使用/导入http模块？: 我一直在玩Angular 2 Quickstart 。如何在Angular 2中使用/导入http模块？我已经看过Angular 2 Todo的.js ，但是它不使用http模块。我已经添加了"ngHttp": "angular/http", dependencies于package.json，因为我听说Angular 2有点模块化

markForCheck（）和detectChanges（）之间有什么区别: 在Angular中， ChangeDetectorRef.markForCheck()和ChangeDetectorRef.detectChanges()什么区别？我只发现了关于 NgZone.run()之间的区别的信息，但是在这两个函数之间却没有。只有参考文档的答案，请说明一些实际的情况下select一个在另一个？这将有助于在我脑海中澄清。

Angular 2中的EventEmitter.next（）和EventEmitter.emit（）之间的区别: EventEmitter.emit()和EventEmitter.next()什么EventEmitter.next() ？将事件分派给订阅的听众。 export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } EventEmitter的文档目前不太有用。

pipe道''无法findangular2自定义pipe道: 我似乎无法解决这个错误。我有一个search栏和一个ngFor。我想用这样的自定义pipe道过滤数组： import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements PipeTransform { transform(users: User [], searchTerm: string) { return users.filter(user => user.name.indexOf(searchTerm) !== -1); } } 用法： <input [(ngModel)]="searchTerm" type="text" placeholder="Search users"> <div *ngFor="let user of (users | usersPipe:searchTerm)"> […]

如何在Angular 2应用程序中configuration不同的开发环境: 我有一个恒定的文件 export class constants { public static get API_ENDPOINT(): string { return 'https://dvelopment-server/'; } } 我将它导入我的服务 private _registrationUrl = constants.API_ENDPOINT+'api/v1/register'; 如何更改服务器更改的endpont。我有开发服务器登台服务器和本地服务器。我想要应用程序来检测环境的变化。在我的angular1应用程序中，我使用了envserviceprovider。我可以使用相同的angular2应用程序？

Angular 2 http.post（）不发送请求: 当我发出一个post请求angular2 http不发送这个请求 this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()) http post没有发送到服务器，但是如果我这样做的请求 this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()).subscribe(r=>{}); 这是打算，如果是有人可以解释我为什么？或者这是一个错误？

Angular2错误：没有指令“exportAs”设置为“ngForm”: 我在RC4，我得到的错误有没有指令“exportAs”设置为“ngForm”，因为我的模板： <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> boot.ts： import {disableDeprecatedForms, provideForms} from '@angular/forms'; import {bootstrap} from '@angular/platform-browser-dynamic'; import {HTTP_PROVIDERS, Http} from '@angular/http'; import {provideRouter} from '@angular/router'; import {APP_ROUTER_PROVIDER} from './routes'; import {AppComponent} from […]