如何在Angular中定义一个动态填充的字符串——一个插值字符串?

Question

我正在使用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>另一个<p>
我只是用div和span作为例子，我还可以添加一个类，如果我想…

现在即使我使用[ngStyle]或[ngClass] -我仍然必须使用一些HTML元素，
似乎没有办法绕过它…这很好。

但我想知道是否有其他方法来选择
插入字符串在Agular-什么是最佳/常见做法&最有效?

要非常清楚-我问的是如何选择插入标签-而不是如何编写css所以不需要css代码样本，也许请不要只是重复相同的例子
，我已经列出，并假装是一个全新的解决方案，你刚刚想出了
-你可以只是说'span方法'，或包装在一个HTML标签似乎是最好的方式，像这样…谢谢你。

Answer 1

您的解决方案-在详细信息中列出- span方法或任何html标签，似乎是最好的一个

Answer 2

html

<p>Server ID: <span>{{ serverID }}</span> server status: <span>{{ serverStatus }}</span></p>

css

p {
span {
font-weight: bold;
}
}

试试这个，当然你可以添加一个类到span如果你喜欢

Answer 3

p's和span's

在您的示例中，您的html不正确。你没有起始跨度。像这样的东西应该足够了

p { color: red; }
p span { color: blue; }

<p> 
Server ID: <span>1234</span> 
server status: <span>Open</span>
</p>