«angular2-template» etiketlenmiş sorular

Açısal bir uygulama yazıyorum ve görüntülemek istediğim bir HTML yanıtım var. Bunu nasıl yaparım? Eğer sadece bağlayıcı sözdizimini kullanırsam, {{myVal}}tüm HTML karakterlerini (elbette) kodlar. Bir şekilde bağlamak için innerHTMLbir divdeğişken değerine ihtiyacım var.

840 angular  angular2-template  angular2-databinding 

Açısal 2 uygulamamda bir sayfayı aşağı kaydırdığımda ve sayfanın altındaki bağlantıya tıkladığımda rotayı değiştirir ve sonraki sayfayı alır, ancak sayfanın en üstüne gitmez. Sonuç olarak, ilk sayfanın uzunluğu uzunsa ve 2. sayfanın içeriği azsa, 2. sayfanın içeriğinden yoksun olduğu izlenimi verir. İçindekiler yalnızca kullanıcı sayfanın üst kısmına geçerse görünür. Bileşeni …

296 angular  typescript  angular2-routing  angular2-template  angular2-directives 

Bir cevap kabul edilen cevap ise bir onay işareti göstermeye çalışıyorum: template: `<div ngIf="answer.accepted">✔</div>` Ama bu hatayı alıyorum: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) Neyi yanlış yapıyorum?

247 angular  angular2-template 

data attributeBenim templategibi bir kullanmaya çalıştığımda , şöyle : <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 ile çöküyor: İSTİSNA: Şablon ayrıştırma hataları: Bilinen bir yerel özellik olmadığı için 'sectionvalue' öğesine bağlanamıyor (" ] data-sectionvalue = "{{section.value}}"> {{section.text}} Açıkçası sözdiziminde bir şey …

229 angular  angular2-template 

Nasıl bileşenimi <component></component>dinamik sınıf özniteliği eklemek için bilmiyorum ama şablon html (component.html) içinde. Bulduğum tek çözüm, öğeyi "ElementRef" yerel öğesi aracılığıyla değiştirmektir. Bu çözüm, çok basit bir şey yapmak için biraz karmaşık görünüyor. Başka bir sorun ise, CSS'nin bileşen kapsama alanını kırarak bileşen kapsamı dışında tanımlanması gerektiğidir. Daha basit bir …

191 angular  angular2-template 

Açısal 2'de Dinamik Formlar uygulamaya çalışıyorum. Dinamik formlara Sil ve İptal gibi ek işlevler ekledim. Bu belgeleri izledim: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Kodda bazı değişiklikler yaptım. Burada hata alıyorum. Bu hatayı nasıl yapabilirim? Kodun tamamını burada bulabilirsiniz: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , dalgıçta çalışıyor, ancak yerel sistemimde değil. HTML Kodu: <div> <form [formGroup]="form"> <div *ngFor="let question …

178 forms  angular  angular2-template  angular2-forms 

Bir Angular 2 şablonunun içinde garip bir atama sözdizimi ile karşılaştım. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Görünüyor let-colve let-car="rowData"iki yeni değişken oluşturuyor colve carbu daha sonra şablonun içine bağlanabilir. Kaynak: https://www.primefaces.org/primeng/#/datatable/templating Bu büyülü let-*sözdizimine ne denir? O nasıl çalışır? Arasındaki fark nedir let-somethingve let-something="something else"?

167 angular  angular2-template  primeng 

ng-container Angular 2 belgelerinde bahsedilmiştir ancak nasıl çalıştığı ve kullanım durumlarının ne olduğu ile ilgili bir açıklama yoktur. Özellikle ngPluralve ngSwitchdirektiflerinde bahsedilmektedir . <ng-container>Aynı şeyi mi yapıyor <template>yoksa bunlardan birini kullanmak için bir direktifin yazılmasına bağlı mı? Are <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> ve <template [ngPluralCase]="'=0'">there is nothing</template> aynı olması mı …

155 angular  typescript  angular2-template 

Bir değişken privatebir bileşen sınıfında bildirilirse , o bileşenin şablonundan ona erişebilmeli miyim? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; //declared as private }

143 typescript  angular  angular2-template 

Angular2 Final sürümünü (2.1.0) kullanıyorum. Şirketlerin bir listesini görüntülemek istediğimde bu hatayı aldım. içinde file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; içinde file.component.html: <tbody> <tr *ngFor="let item of companies; let i =index"> …

129 angular  angular2-template 

Dizenin uzunluğunu bir sayı karakteriyle sınırlamanın bir yolu var mı? örneğin: Bir başlık uzunluğunu 20 ile sınırlamam gerekiyor {{ data.title }}. Uzunluğu sınırlamak için herhangi bir boru veya filtre var mı?

126 angular  angular2-template 

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 

Bu senaryoda, aşağıdakilerin bulunduğu görünüme bir öğrenci listesi (dizi) görüntülüyorum ngFor: <li *ngFor="#student of students">{{student.name}}</li> Listeye başka bir öğrenci eklediğimde güncellenmesi harika. Ancak, bunu bir verdiğimde pipeiçin filteröğrenci adıyla, <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> Filtreleme öğrenci adı alanına bir şey yazana kadar listeyi güncellemez. İşte plnkr bağlantısı . …

114 angular  angular2-template  angular2-directives  angular-pipe 

Angular2'de[disable] özniteliğe sahip bir düğmeyi devre dışı bırakabileceğimi biliyorum, örneğin: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> ama kullanarak bunu yapabilirsiniz [ngClass]veya [ngStyle]? Şöyle: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Teşekkürler.

113 html  angular  angular2-template  angular2-forms 

Angular 2 bileşenimde bir Gözlemlenebilir dizim var list$: Observable<any[]>; Şablonumda var <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li> </ul> </div> Ancak $ .length listesi, Gözlemlenebilir dizi durumunda çalışmaz. Güncelleme: Görünüşe göre (list $ | async) ?. length bize uzunluğu veriyor, ancak aşağıdaki kod …

109 angular  observable  angular2-template  angular2-services