«angular» etiketlenmiş sorular

Ben yüklü @angular/clibu komutu kullanarak, NPM yoluyla paketi: npm install -g @angular/cli @ Angular / cli'nin 1.4.2 sürümü başarıyla kuruldu. Ancak bu Açısal sürüm değil, CLI sürümüdür. Çalıştırdıktan sonra ng new myappbenim yarattığım uygulaması Açısal hangi sürümünü nasıl kontrol edebileceklerini? 2.x, 4.x?

124 angular  angular-cli 

Sayıları iki ondalık basamağa sınırlamak için aşağıdaki boru sayısını kullandım. {{ exampleNumber | number : '1.2-2' }} '1.2-2'nin arkasındaki mantığın ne olduğunu merak ediyordum. Bunlarla, sıfır ondalık basamağa filtre uygulayan ancak işe yaramayan bir boru elde etmeye çalışırken oynadım.

123 angular  pipe  decimal 

Devre is_edit = truedışı bırakılacak ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> Sadece trueveya temelli bir girişi devre dışı bırakmak istiyorum false. Aşağıdakileri denedim: [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

Typcript'te, Angular 2'yi kullanarak, aynı ada sahip, ancak farklı yollarda yatan iki sınıfı içe aktarmam gerekiyor. Proje, dışa aktarılan sınıf adlarını değiştirmekte zorlanacağım kadar büyük. İçe aktarılan sınıfları takma ad vermenin bir yolu var mı? import {Class1} from '../location1/class1' import {Class1} from '../location2/class1'

123 angular  typescript  ionic2 

Bir angular2 görünüm şablonunda numaralandırmaları kullanabilir miyiz? <div class="Dropdown" dropdownType="instrument"></div> dizeyi girdi olarak geçirir: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Ancak bir enum yapılandırması nasıl geçilir? Şablonda buna benzer bir şey istiyorum: …

123 enums  angular  angular2-template 

Yetkili olmadıkları bir sayfaya erişmeye çalışan kullanıcıların otomatik olarak oturum açma sayfasına yönlendirildiği Asp.Net MVC dünyasından geliyorum. Bu davranışı Angular'da yeniden oluşturmaya çalışıyorum. @CanActivate dekoratörüyle karşılaştım, ancak bileşenin hiç işlememesine neden oluyor, yönlendirme yok. Sorum şu: Angular, bu davranışa ulaşmak için bir yol sağlıyor mu? Öyleyse nasıl? Bu iyi bir …

122 login  typescript  angular  angular2-routing 

Bir ngClassifadenin içindeki bir değeri enterpolasyona tabi tutmam gerekiyor ama çalışmasını sağlayamıyorum. Bana mantıklı gelen bu çözümü denedim, bu ikisi enterpolasyonda başarısız oldu: <button [ngClass]="{'{{namespace}}-mybutton': type === 'mybutton'}"></button> <button [ngClass]="{namespace + '-mybutton': type === 'mybutton'}"></button> Bu, enterpolasyonla çalışır ancak dinamik olarak eklenen sınıfla başarısız olur, çünkü dizenin tamamı bir sınıf …

122 angular 

Beta sürümü ile bir AngularJS 2 uygulaması yapıyorum. Sayfamdaki bir nesnenin JSON temsilini göstermek istiyorum, ancak bu gösteriyor [Object Object]ve göstermiyor {key1:value1 ....} Kullanabileceğim bileşenden: get example() {return JSON.stringify(this.myObject)}; ve sonra şablonda: {{example}} ama bir dizi nesnem varsa ve bu nesnelerin bir listesini yazdırmak istersem, bunu nasıl yapabilirim? Kullanımı: <ul> …

122 json  angular 

Type Script ile açısal 2'de depolanmış bir diziden bir öğeyi kaldırmak istiyorum. Data Service adlı bir hizmeti , DataService Kodu kullanıyorum: export class DataService { private data: string[] = []; addData(msg: string) { this.data.push(msg); } getData() { return this.data; } deleteMsg(msg: string) { delete [this.data.indexOf(msg)]; } } Ve bileşen sınıfım: …

122 javascript  angular  typescript 

Seçilen dillerin içeriğini listelemek için bir mat-masa kullanıyorum . Ayrıca iletişim panelini kullanarak yeni diller ekleyebilirler. Bir dil ekledikten ve geri döndükten sonra. Veri kaynağımın yaptıkları değişiklikleri gösterecek şekilde yenilenmesini istiyorum. Bir hizmetten kullanıcı verilerini alarak ve yenileme yönteminde bir veri kaynağına geçirerek veri deposunu başlatıyorum. Language.component.ts import { Component, …

122 angular  angular-material  refresh 

Bir div'in css kullanarak açısal 2'de sağdan kaymasını istiyorum. <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> Sınıfı değiştirmek ve opaklığı kullanmak için yalnızca [ngClass] kullanırsam iyi çalışırım. Ama o öğenin baştan oluşturulmasını istemiyorum, bu yüzden onu ilk önce ngIf ile "gizlerim", ama sonra geçiş çalışmaz. .transition{ …

121 css  angular  angular-animations 

HttpClientHarici hizmete istek göndermek için Angular 4 kullanıyorum . Çok standart bir kurulum: this.httpClient.get(url).subscribe(response => { //do something with response }, err => { console.log(err.message); }, () => { console.log('completed'); } Sorun şu ki, istek başarısız olduğunda Http failure response for (unknown url): 0 Unknown Errorkonsolda genel bir mesaj görüyorum …

121 angular  typescript 

Bu yönteme sahip bir hizmetim var: export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } bileşenin kurucusunda şu …

121 typescript  promise  angular  observable  rxjs 

Bu yüzden aşağıdaki kod Angular 4'tedir ve neden beklendiği gibi çalışmadığını anlayamıyorum. İşte işleyicimden bir pasaj: onUpdatingServerName(event: Event) { console.log(event); this.newserverName = event.target.value; //this wont work } HTML öğesi: <input type="text" class="form-control" (input)="onUpdatingServerName($event)"> Kod bana şu hatayı veriyor: "Değer" özelliği, "EventTarget" türünde mevcut değil. Fakat görülebileceği gibi, console.logbu değer event.target.

121 javascript  angular  typescript 

Angular 2 kullanan bir formda radyo düğmesini kullanmak istiyorum Options : <br/> 1 : <input name="options" ng-control="options" type="radio" value="1" [(ng-model)]="model.options" ><br/> 2 : <input name="options" ng-control="options" type="radio" value="2" [(ng-model)]="model.options" ><br/> model.options başlangıç ​​değeri 1 sayfa yüklendiğinde ilk radyo düğmesi kontrol edilmez ve değişiklikler modele bağlanmaz Herhangi bir fikir ?

120 forms  radio-button  angular