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

16
วิธีการใช้ * ng ถ้าอย่างอื่น?
ฉันกำลังใช้ Angular และฉันต้องการใช้*ngIf else(มีให้ตั้งแต่รุ่น 4) ในตัวอย่างนี้: <div *ngIf="isValid"> content here ... </div> <div *ngIf="!isValid"> other content here... </div> ฉันจะบรรลุพฤติกรรมเดียวกันได้ngIf elseอย่างไร

18
อะไรคือสิ่งที่เทียบเท่า ngShow และ ngHide ใน Angular 2+?
ฉันมีองค์ประกอบหลายอย่างที่ฉันต้องการให้ปรากฏภายใต้เงื่อนไขบางประการ ใน AngularJS ฉันจะเขียน <div ng-show="myVar">stuff</div> ฉันจะทำสิ่งนี้ใน Angular 2+ ได้อย่างไร

18
Angular: คลาสที่มีเงื่อนไขพร้อม * ngClass
เกิดอะไรขึ้นกับรหัสแองกูลาร์ของฉัน ฉันได้รับ: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>

3
แท็บแบบไดนามิกพร้อมส่วนประกอบที่ผู้ใช้คลิกเลือก
ฉันกำลังพยายามตั้งค่าระบบแท็บที่อนุญาตให้ส่วนประกอบลงทะเบียนตัวเอง (พร้อมชื่อ) แท็บแรกเป็นเหมือนกล่องจดหมายมีรายการแอ็คชั่น / ลิงก์มากมายให้เลือกสำหรับผู้ใช้และการคลิกแต่ละรายการเหล่านี้ควรจะสามารถสร้างอินสแตนซ์ของส่วนประกอบใหม่ได้เมื่อคลิก แอ็คชัน / ลิงก์มาจาก JSON ส่วนประกอบที่สร้างอินสแตนซ์จะลงทะเบียนตัวเองเป็นแท็บใหม่ ฉันไม่แน่ใจว่านี่เป็นวิธีที่ดีที่สุดหรือไม่? จนถึงตอนนี้คำแนะนำเดียวที่ฉันเห็นสำหรับแท็บแบบคงที่ซึ่งไม่ได้ช่วย จนถึงตอนนี้ฉันเพิ่งได้รับบริการแท็บที่ bootstrapped ในหลักเพื่อคงอยู่ตลอดทั้งแอพ ดูเหมือนว่า: export interface ITab { title: string; } @Injectable() export class TabsService { private tabs = new Set<ITab>(); addTab(title: string): ITab { let tab: ITab = { title }; this.tabs.add(tab); return tab; } removeTab(tab: ITab) …

4
ตัวแปรอ้างอิงเทมเพลตแบบไดนามิกภายใน ngFor (Angular 9)
จะประกาศตัวแปรอ้างอิงเทมเพลตไดนามิก ภายในองค์ประกอบได้อย่างไร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"> …

6
ใช้อย่างไรและที่ไหน :: ng-deep?
ฉันยังใหม่กับ Angular 4 ดังนั้นใครก็ได้โปรดอธิบายวิธีใช้และสถานที่ที่จะใช้ ::ng-deepใน Angular 4 ได้บ้าง อันที่จริงฉันต้องการเขียนทับคุณสมบัติ CSS บางส่วนของส่วนประกอบลูกจากส่วนประกอบหลัก นอกจากนี้ยังรองรับ IE11?

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.