Angular 2
içinde ng-true-value
ve ng-false-value
alternatifleri arıyordum ama sonuç almadım. Onları başka araçlarla mı değiştirdiler? Onlara gerçekten ihtiyacım var. Şimdiden teşekkürler:"ng-true-value" ve "ng-false-value" alternatifleri, Angular2 içinde
6
A
cevap
0
Geçici çözüm. Örneğin, modelde bir 'bayrak' olan 'nesne' var ve bir onay kutusu bayrağı "1" değerine ayarlamalı ve başka bir onay kutusu işaretin "2" değerine ayarlanmasını sağlamalı, eğer onay kutusunun işaretli olmaması gerekiyorsa değer "0", yani:
public setFlag(object: any, event: any): any {
if (event.target.classList.contains('some-mark-class') && (object.flag == 0 || object.flag == 1)) {
object.flag = 2;
} else if (!event.target.classList.contains('some-mark-class') && (object.flag == 0 || object.flag == 2)) {
object.flag = 1;
} else {
object.flag = 0;
}
}
<input type="checkbox" name="hide-{{object.flag}}" [checked]="object.flag === 1" (change)="setFlag(object, $event)">
<input type="checkbox" name="dlte-{{object.flag}}" [checked]="object.flag === 2" (change)="setFlag(object, $event)" class="some-mark-class">
çözüm değildir mükemmel ve bir şekilde hantal olabilir ama bir şey var ve bazı iyileştirmeler varsa, lütfen bu nedenle, çalışır.
Biraz daha zamana sahip olacağım zaman, isterseniz biraz kum havuzunda yapmaya çalışacağım :).
GÜNCELLEME: Verson 2 Daha iyi bir yaklaşım ve esneklik
ts dosyası: Bir fonksiyon setFlag olarak
public setFlag(obj: any, property: any, trueValue: any, falseValue: any): any {
if (obj[property] === trueValue) {
obj[property] = falseValue;
} else {
obj[property] = trueValue;
}
}
<input type="checkbox" name="hide-{{object.flag}}" [checked]="object.flag === 1" (change)="setFlag(object, 'flag', 1, 0)>
<input type="checkbox" name="dlte-{{object.flag}}" [checked]="object.flag === 1" (change)="setFlag(object, 'flag', 'true-value', 'false-value')>
biz 4 parametre alması: nesneyi, nesne, gerçek değer ve yanlış değer için özellik istediğimiz değeri belirleme ve marka-sınıfı olmadan yapabilmemiz için esneklik. Umarım
İlgili konular
- 1. ngStyle ve ngClass angular2 içinde
- 2. Alternatifleri?
- 3. uygulamak addClass ve removeClass işlevselliği angular2 içinde
- 4. WPF Alternatifleri?
- 5. Kibana Alternatifleri
- 6. Inflector.Net Alternatifleri
- 7. Alternatifleri SKShapeNode
- 8. SyncAdapter alternatifleri
- 9. click olayı angular2 içinde çalışmıyor
- 10. Graphviz Alternatifleri?
- 11. pthread_cancel() alternatifleri?
- 12. Nabaztag alternatifleri?
- 13. MapReduce alternatifleri
- 14. Alternatifleri CKAN
- 15. Angular2 ve Reaktif
- 16. Kinect v1 ve Kinect v2 sınıfları alternatifleri
- 17. İstisna işleme ve raporlama için SmartAssembly alternatifleri?
- 18. dinamik anchorName/Bileşenleri Angular2 içinde ComponentResolver ve ngFor ile oluştur
- 19. İç içe geçme NgIf ve (tıklayın) Angular2 içinde
- 20. Angular2 ve NodeJs
- 21. Mülkiyet Angular2 ve typescript
- 22. angular2 ve materializecss tümleştirmesi
- 23. Angular2 Router ve OnInit
- 24. Xamarin MVVMCross Alternatifleri
- 25. Android SQLite alternatifleri
- 26. TOAD Alternatifleri (Linux)
- 27. angular2
- 28. jQuery UI Alternatifleri Resizable
- 29. Android için CachingHttpClient alternatifleri?
- 30. Better JFileChooser alternatifleri?
Bir şey olduğunu düşünmüyorum. Somut kullanım durumunuz var mı? Bu, geçici çözümler önermenizi kolaylaştırır. –
bu yüzden bu onay kutusunu kullanıyorum: < ', burada' selected' değerinin olacağı açıktır "true" veya "false" onay kutusunun etiketini (örneğin: {{xx}}) olmasını istiyorum. –
Anladım. Sanırım bunu yapan bir özel 'ControlValueAccessor' gerekir. Angular2'nin şu anda kutudan hiçbir şey sağlamadığından eminim. Formlar genel olarak hala biraz cilaya ihtiyaç duyar. –