我正在使用 Angular - JS Angular FRAMEWORK - 我的代碼是這樣的 -
<p> Server ID: {{ serverID }} server status: {{ serverStatus }}</p>
輸出類似這樣的內容 -服務器 ID:15 服務器狀態:離線
僅設定插值字串
{{ serverID }} 或 {{ serverStatus }} 樣式的最佳方法是什么 - 僅選擇它們,
而不影響段落的其余部分?
我嘗試用一??些 HTML 標簽包裝內插字串 -
<p> Server ID: <span>{{ serverID }}</span> server status: <div>{{ serverStatus }}</div></p>
當然,這個 HTML 元素可以是任何東西
-另一個我只是使用 div 和 span 作為示例,如果我愿意,我也可以添加一個類......并且這很有效。<div><span><p>
現在,即使我使用 [ngStyle] 或 [ngClass] - 我仍然必須使用一些 HTML 元素,
似乎沒有辦法解決它......這很好。
但我想知道是否有其他方法可以在Agular
中選擇插值字串- 什么是最佳/常見做法和最有效?
非常清楚 - 我問的是如何選擇插值標簽 -而不是如何撰寫 css不需要 css 代碼示例,也許請不要重復我說過的完全相同的事情,我嘗試過并傳遞它是您剛剛提出的解決方案 - 只是說 - span 方法,或者包裝在 HTML 標簽中似乎是最好的方法,像這樣......謝謝。
uj5u.com熱心網友回復:
html
<p>Server ID: <span>{{ serverID }}</span> server status: <span>{{ serverStatus }}</span></p>
css
p {
span {
font-weight: bold;
}
}
試試這個,當然你可以添加一個類,span如果你愿意
uj5u.com熱心網友回復:
p 和 span 的。
在您的示例中,您的 html 不正確。你沒有起始跨度。像這樣的東西就足夠了
p { color: red; }
p span { color: blue; }
<p>
Server ID: <span>1234</span>
server status: <span>Open</span>
</p>
uj5u.com熱心網友回復:
在閱讀了您提供的所有詳細資訊之后,您
似乎已經找到了一個非常好的解決方案,
這是您最初寫的確切參考-
<p> Server ID: <span>{{ serverID }}</span> server status: <div>{{ serverStatus }}</div></p>
span 方法,或者將插入的字串包裝在 HTML 元素中
似乎是在 Angular 中選擇動態填充字串的好方法。
正如您所說 - 也可以添加一個類,它是可選的。
TBH - 其余的答案似乎只是人們
試圖提升他們的聲譽的模糊嘗試。
一個幾乎只是參考你的話,另一個是基于 - 選擇性閱讀,
我不明白這對任何人都有什么好處。
我并不完全責怪他們,這是一個
導致答案質量污染的問題。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/491831.html
標籤:javascript 有角度的 前端 构架
上一篇:ngModel不顯示值
