คำถามติดแท็ก angular

อะไรคือความแตกต่างระหว่างcanLoadและcanActivate? export interface Route { path?: string; pathMatch?: string; matcher?: UrlMatcher; component?: Type<any>; redirectTo?: string; outlet?: string; canActivate?: any[]; canActivateChild?: any[]; canDeactivate?: any[]; canLoad?: any[]; data?: Data; resolve?: ResolveData; children?: Routes; loadChildren?: LoadChildren; } เมื่อใดที่ฉันควรเลือกอันใด

100 angular 

ฉันทำตามบทช่วยสอนแล้ว หลังจากเปลี่ยนapp/maint.tsในบท Http ฉันได้รับข้อผิดพลาดเมื่อเริ่มแอปผ่านบรรทัดคำสั่ง: app / main.ts (5,51): ข้อผิดพลาด TS2307: ไม่พบโมดูล 'angular2-in-memory-web-api' (Visual Studio Code ทำให้ฉันมีข้อผิดพลาดเดียวกันภายใน main.ts - ขีดเส้นใต้หยักสีแดง) นี่คือsystemjs.config.js: /** * System configuration for Angular 2 samples * Adjust as necessary for your application needs. */ (function(global) { // map tells the System loader where to look for things …

99 angular  import  angular-tour-of-heroes 

ฉันกำลังพยายามตรวจพบการเปลี่ยนแปลงngModelใน<select>แท็ก ใน Angular 1.x เราอาจแก้ปัญหานี้ด้วยการ$watchเปิดngModelหรือใช้ngChangeแต่ฉันยังไม่เข้าใจวิธีตรวจจับการเปลี่ยนแปลงngModelใน Angular 2 ตัวอย่างเต็ม : http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: 'my-dropdown' }) @View({ directives: [FORM_DIRECTIVES], template: ` <select [ngModel]="selection" (ngModelChange)="onChange($event, selection)" > <option *ngFor="#option of options">{{option}}</option> </select> {{selection}} ` }) export class MyDropdown { @Input() options; selection …

99 javascript  angular 

ฉันกำลังพยายามสอนตัวเอง Angular2 และ TypeScript หลังจากทำงานกับ AngularJS 1 อย่างมีความสุขในช่วง 4 ปีที่ผ่านมา! ฉันต้องยอมรับว่าฉันเกลียดมัน แต่ฉันแน่ใจว่าช่วงเวลาที่ยูเรก้าของฉันอยู่ใกล้แค่เอื้อม ... อย่างไรก็ตามฉันได้เขียนบริการในแอปจำลองของฉันที่จะดึงข้อมูล http จากแบ็กเอนด์ปลอมที่ฉันเขียนซึ่งให้บริการ JSON import {Injectable} from 'angular2/core'; import {Http, Headers, Response} from 'angular2/http'; import {Observable} from 'rxjs'; @Injectable() export class UserData { constructor(public http: Http) { } getUserStatus(): any { var headers = new Headers(); headers.append('Content-Type', …

99 typescript  angular  observable  rxjs 

ฉันใช้ Angular 5 และฉันได้สร้างบริการโดยใช้ angular-cli สิ่งที่ฉันต้องการทำคือสร้างบริการที่อ่านไฟล์ json ในเครื่องสำหรับ Angular 5 นี่คือสิ่งที่ฉันมี ... ฉันติดขัดเล็กน้อย ... import { Injectable } from '@angular/core'; import { HttpClientModule } from '@angular/common/http'; @Injectable() export class AppSettingsService { constructor(private http: HttpClientModule) { var obj; this.getJSON().subscribe(data => obj=data, error => console.log(error)); } public getJSON(): Observable<any> { return this.http.get("./assets/mydata.json") …

99 javascript  json  angular 

ฉันได้รับข้อผิดพลาดนี้หลังจากย้ายไปที่ NgModule ข้อผิดพลาดไม่ได้ช่วยอะไรมากเกินไปโปรดขอคำแนะนำ Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27) at eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35) at Array.forEach (native) at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48) at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51) at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41) at RuntimeCompiler.compileModuleAsync (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15746:25) at PlatformRef_._bootstrapModuleWithZone (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9991:29) at PlatformRef_.bootstrapModule (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9984:25) at Object.eval (http://localhost:5555/app/main.js:8:53) Evaluating http://localhost:5555/app/main.js Error loading http://localhost:5555/app/main.js "Report …

99 angular 

ฉันใช้ReactiveFormsModuleAngular2 เพื่อสร้างส่วนประกอบที่มีฟอร์ม นี่คือรหัสของฉัน: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (ด้วย[formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div class="ui radio checkbox"> <input type="radio" name="gender" checked="" tabindex="0" class="hidden" [formControl]="myForm.controls.gender"> <label>Male</label> </div> …

99 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

ฉันกำลังทำงานใน Angular และฉันได้รับการสนับสนุนที่ดีของ typescript ด้วย Sublime Text ฉันจะรับการสนับสนุน TypeScript ด้วยโปรแกรมแก้ไข Sublime Text ได้อย่างไร? ผมพยายามที่จะตีShift+ Ctrl+ Pแล้วพิมพ์typescriptแต่ฉันไม่ได้รับผล typescript ใด ๆ ฉันได้ผ่านเว็บไซต์ TypeScript อย่างเป็นทางการและฉันได้โคลน Sublime Text ไปยังพีซีของฉัน ฉันติดตั้ง TypeScript บนแล็ปท็อปแล้วฉันจะทำอะไรต่อไปได้

99 angular  typescript  sublimetext3  sublimetext 

สมมติว่าผมอยู่บนหน้าเว็บที่มี /user/:idURL :id/postsตอนนี้จากหน้านี้ฉันนำทางไปยังหน้าถัดไป ตอนนี้มีวิธีใดบ้างที่ฉันสามารถตรวจสอบว่า URL ก่อนหน้าคือ/user/:idอะไรเช่น. ด้านล่างนี้คือเส้นทางของฉัน export const routes: Routes = [ { path: 'user/:id', component: UserProfileComponent }, { path: ':id/posts', component: UserPostsComponet } ];

99 angular  angular2-routing 

ฉันใหม่ใน Angular ฉันเริ่ม Tour of Heroes เพื่อเรียนรู้มัน ดังนั้นฉันจึงสร้างไฟล์app.componentด้วยการtwo-wayผูก import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1> <h2>{{hero.name}} details!</h2> <div><label>id: </label>{{hero.id}}</div> <div><label>Name: </label> <input [(ngModel)]="hero.name" placeholder="Name"> </div> `, styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'Tour …

98 angular 

ฉันไม่รู้วิธีดึงค่าจาก Observable เพื่อส่งคืนโดยฟังก์ชันที่ Observable มีอยู่ ฉันต้องการเพียงมูลค่าจากมันเพื่อส่งคืนไม่มีอะไรอื่น เวอร์ชันปัจจุบันที่ใช้งานได้ function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() ฉันต้องการให้สิ่งนี้ใช้งานได้ฟังก์ชั่นคืนค่าแล้ว: function getValueFromObservable() { this.store.subscribe( (data:any) => { return data } ) } console.log(getValueFromObservable()) ฉันทำอะไรผิดที่นี่?

98 typescript  angular  rxjs  rxjs5 

ฉันมีโครงการ mvc 5 ที่มีส่วนหน้าเชิงมุม ผมอยากจะเพิ่มเส้นทางตามที่อธิบายไว้ในนี้กวดวิชาhttps://angular.io/guide/router ดังนั้นในของ_Layout.cshtmlฉันฉันจึงเพิ่มไฟล์ <base href="/"> และสร้างเส้นทางของฉันใน app.module ของฉัน แต่เมื่อฉันเรียกใช้สิ่งนี้ฉันได้รับข้อผิดพลาดต่อไปนี้: Error: Template parse errors: 'router-outlet' is not a known element: 1. If 'router-outlet' is an Angular component, then verify that it is part of this module. 2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the …

98 angular  typescript  asp.net-mvc-5  angular2-routing 

ฉันต้องการตัวจับเวลาใน Angular 2 ซึ่งทำเครื่องหมายหลังจากช่วงเวลาและทำงานบางอย่าง (อาจเรียกใช้ฟังก์ชันบางอย่าง) จะทำอย่างไรกับ Angular 2?

97 javascript  angular 

ฉันต้องการmarkAsDirtyการควบคุมทั้งหมดในไฟล์FormGroup.

97 angular 

จะประกาศตัวแปรอ้างอิงเทมเพลตไดนามิก ภายในองค์ประกอบได้อย่างไรngFor ฉันต้องการใช้คอมโพเนนต์ป็อปโอเวอร์จาก ng-bootstrap รหัสป๊อปโอเวอร์ (ที่มีการผูก Html) จะเป็นดังที่แสดง: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> ฉันจะห่อองค์ประกอบเหล่านั้นไว้ข้างในได้ngForอย่างไร? <div *ngFor="let member of members"> <!-- how to declare the '????' --> <ng-template #????>Hello, <b>{{member.name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="????" popoverTitle="Fancy content"> …

97 angular  ng-bootstrap  angular-template