最近，我在 Angular 中使用了帶有 else 塊的*ngIf指令，并且想知道為什么在Angular 文檔中的示例使用分號 ( )，因為這似乎在沒有分號的情況下也可以工作。<div *ngIf="condition; else elseBlock">Content to render when condition is true.</div>不使用分號有什么副作用嗎？或者這只是一種更簡潔的編碼方式？
2 回答
慕標5832272
TA貢獻1966條經驗 獲得超4個贊
深謀遠慮
回想起來，這是一個非常有趣的問題。實際問題<div *ngIf="condition; else elseBlock">按預期工作。但也確實如此<div *ngIf="condition else elseBlock">，那么給出什么呢？實際上需要分號是什么？
解釋
事實證明，定義如何擴展的Angular微語法規范非常靈活，并且最初難以掌握。解釋的要點是微語法定義的形式*ngIf[ngIf]
:prefix: HTML 屬性鍵。:key: HTML 屬性鍵。:local：模板中使用的局部變量名稱。:export：指令在給定名稱下導出的值。:experession：標準角度表達式:keyExp = :key ":"? :expression ("as" :local)? ";"?:let = "let" :local "=" :export ";"?:as = :export "as" :local ";"?
看來分號是可選的。另外，在我們的例子中，else塊是一個關鍵表達式，可以看出冒號是可選的，我們目前沒有使用。所以理論上我們也可以使用<div *ngIf="condition else: elseBlock">.?因此，ngFor也可以在沒有任何分號的情況下使用。所以下面的塊也可以工作
<div?*ngFor="let?n?of?arr?let?i=index?let?f=first?let?l=last">
??{{?n?}}
??</div>工作示例：Stackblitz
HUX布斯
TA貢獻1876條經驗 獲得超6個贊
僅當您使用“else”塊時才需要分號。因此，?<div *ngIf="condition">?（不帶分號）是不使用“else”時的規范形式，但<div *ngIf="condition;">（帶分號）也是有效的，并且<div *ngIf="condition; else elseBlock">是使用“else”時所需的形式。
- 2 回答
- 0 關注
- 220 瀏覽
添加回答
舉報
0/150
提交
取消