«angular» etiketlenmiş sorular

Arasındaki fark nedir canLoadve 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; } Hangisini ne zaman yapmalıyım?

101 angular 

Angular 5 ile bir ön uç uygulamasında çalışıyorum ve gizli bir arama kutusunun olması gerekiyor, ancak bir düğmeye tıklandığında arama kutusu görüntülenmeli ve odaklanmalıdır. StackOverflow'da bulunan birkaç yolu veya benzeri bir yönerge ile denedim, ancak başaramıyorum. İşte örnek kod: @Component({ selector: 'my-app', template: ` <div> <h2>Hello</h2> </div> <button (click) ="showSearch()">Show …

101 angular  angular5  angular-forms 

Şu anda URL'yi içeren sayfadayım varsayalım /user/:id. Şimdi bu sayfadan bir sonraki sayfaya geçiyorum :id/posts. Şimdi bir yol var mı, böylece önceki URL'nin ne olduğunu kontrol edebilirim, yani /user/:id. Rotalarım aşağıdadır export const routes: Routes = [ { path: 'user/:id', component: UserProfileComponent }, { path: ':id/posts', component: UserPostsComponet } ];

101 angular  angular2-routing 

Angular 5 kullanıyorum ve angular-cli kullanarak bir hizmet oluşturdum Yapmak istediğim, Angular 5 için yerel bir json dosyası okuyan bir hizmet oluşturmaktır. Sahip olduğum şey bu ... Biraz sıkıştım ... import { Injectable } from '@angular/core'; import { HttpClientModule } from '@angular/common/http'; @Injectable() export class AppSettingsService { constructor(private http: HttpClientModule) …

100 javascript  json  angular 

Öğreticiyi takip ettim . app/maint.tsHttp bölümünü değiştirdikten sonra uygulamayı komut satırı üzerinden başlatırken hata alıyorum: app / main.ts (5,51): TS2307 hatası: 'bellek içi-web-api' modülü bulunamıyor. (Visual Studio Code, main.ts içinde aynı hatayı veriyor - kırmızı dalgalı alt çizgi.) İşte benim systemjs.config.js: /** * System configuration for Angular 2 samples * …

99 angular  import  angular-tour-of-heroes 

ngModelBir <select>etikette bir değişiklik tespit etmeye çalışıyorum . Angular 1.x'te, bunu a $watchile ngModelveya kullanarak çözebiliriz ngChange, ancak ngModelAngular 2'de bir değişikliği nasıl tespit edeceğimi henüz anlamadım . Tam Örnek : 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], …

99 javascript  angular 

Şu anda son 4 yıldır AngularJS 1 ile mutlu bir şekilde çalıştıktan sonra kendime Angular2 ve TypeScript'i öğretmeye çalışıyorum! Bundan nefret ettiğimi itiraf etmeliyim ama eureka anımın hemen köşede olduğundan eminim ... neyse, kukla uygulamamda JSON'a hizmet eden yazdığım sahte bir arka uçtan http verilerini alacak bir hizmet yazdım. import …

99 typescript  angular  observable  rxjs 

Şu anda Angular'da çalışıyorum ve Typescript with Sublime Text için iyi destek alıyorum. Sublime Text editörümle TypeScript desteğini nasıl alabilirim? Shift+ Ctrl+ ' Ya basmaya çalıştım Pve ardından TypeScript yazdım ancak hiçbir TypeScript sonucu alamadım. İçinden gitti resmi typescript web ve PC'me Sublime Metin klonlanmış olması. TypeScript'i dizüstü bilgisayarıma yükledim …

99 angular  typescript  sublimetext3  sublimetext 

Açısal ön uçlu bir mvc 5 projem var. Bu eğiticide https://angular.io/guide/router açıklandığı gibi yönlendirme eklemek istedim . Bu yüzden benim içine bir _Layout.cshtmlekledim <base href="/"> ve rotamı app.modülümde oluşturdum. Ancak bunu çalıştırdığımda şu hatayı alıyorum: Error: Template parse errors: 'router-outlet' is not a known element: 1. If 'router-outlet' is an …

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

Angular'da yeniyim. Tour of Heroes'u öğrenmek için başlattım. Yani, bir bağlayıcı app.componentile yaratıldım 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 …

98 angular 

Gözlemlenebilir'in mevcut olduğu işlev tarafından döndürülecek olan Gözlemlenebilir'den nasıl değer çıkaracağımı bilmiyorum. İade edilmesi için ondan sadece bir değere ihtiyacım var, başka bir şey yok Çalışan mevcut sürüm function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() Bunun çalışması için buna ihtiyacım var, değer döndürmek için işlev …

98 typescript  angular  rxjs  rxjs5 

Bir markAsDirtyiçindeki tüm kontrolleri istiyorum FormGroup.

97 angular 

Bir eleman içinde dinamik bir şablon referans değişkeni nasıl bildirilir ngFor? Popover bileşenini ng-bootstrap'tan kullanmak istiyorum, açılır pencere kodu (Html ​​bağlamayla) gösterildiği gibidir: <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> Bu öğeleri içine nasıl sarabilirimngFor ? <div *ngFor="let …

97 angular  ng-bootstrap  angular-template 

'my-app-name/services'Aşağıdaki içe aktarma gibi satırlardan kaçınmak gibi bir şeyi nasıl tanıtabilirim ? import {XyService} from '../../../services/validation/xy.service';

97 typescript  ecmascript-6  angular  angular2-services 

Bir servis SocketService oluşturdum, temelde uygulamanın portu dinlemesine izin vermek için soketi başlatıyor. Bu hizmet aynı zamanda bazı bileşenlerle etkileşim halindedir. // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } SocketService yapıcısındaki () kodun yalnızca bir bileşen SocketService kullandığında çalışmaya başladığını biliyorum. Ve genellikle …

97 typescript  angular