當我注意到一些我不熟悉的語法并且無法通過谷歌搜索答案時，我正在瀏覽另一個 stackoverflow 帖子。任何人都可以向我指出一些有關<i>此處如何使用標簽以及它叫什么的檔案嗎？“互動的”？我只知道<i>是斜體，這不是這里發生的事情。
<accordion >
<accordion-group [isOpen]="isAssignedTasksVisible" >
<div accordion-heading (click)="toggleAssignedTasks()">
<strong >Ready for Review (2)</strong>
<i
[ngClass]="{'fa-chevron-down': isAssignedTasksVisible, 'fa-chevron-up': !isAssignedTasksVisible}"
aria-hidden="true"></i>
</div>
...
</accordion-group>
</accordion>
這是原始帖子：ng2-bootstrap 手風琴如何創建互動式下拉箭頭
uj5u.com熱心網友回復：
< i >是斜體的標簽，但現在，按照您使用它的方式（使用，用于Icons。
有幾種方法可以使用它，但是當你看到像<i fa這樣的東西時，它
代表FontAwesome。
FontAwesome 是著名的圖示（和其他圖形）畫廊，您可以在這里訪問免費畫廊：https : //fontawesome.com/v5.15/icons?d=gallery&p=2&m = free
為了使用某些圖示，您只需要獲得它的名稱。例如，該串列的第二個圖示，可訪問性圖示，您可以這樣使用它：
<i ></i>
你只需要點擊你喜歡的圖示，它就會打開一個頁面，當網路本身顯示使用該圖示的確切方式（按照我上面展示的方式），以及其他使用它的方式（填充、平面、更大等）。
額外：使用 ngClass 動態選擇圖示
在您的示例中，除了 i 圖示之外，還有一個特殊性，即我需要的第二個引數是使用 [ngClass] 動態設定的。
例如，“常規”圖示是這樣的：
<i ></i>
您的代碼實際上放置了所有這些圖示：
<i ></i> // If the isAssignedTasksVisible variable is true
<i ></i> // If the isAssignedTasksVisible variable is false
這要歸功于[ngClass]，在這部分代碼中：
[ngClass]="{'fa-chevron-down': isAssignedTasksVisible, 'fa-chevron-up': !isAssignedTasksVisible}
注意：大家好！我在評論中看到它引起了爭議 xD，但我只是說現在大多數開發人員在前端是如何使用它的，請不要殺死信使！xD 因此，如果您在代碼中看到它，您就會知道它的用途，并且您不會懷疑 OP @wheeeee 所擁有的，這正是一個非常普遍的疑問，因為“雙重用途”是給那個 <i 標簽，你在評論中強調。祝你好運，見！
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/376693.html
標籤：有角的
上一篇：Eslint-配置的規則位置
下一篇：如何專注于新添加的HTML元素