将变量置于<；风格>；标记或直接在CSS文件上

伙计们，我需要在组件内使用

标记。 有没有办法让这一切顺利进行：

<div *ngIf="hasAdjusts">
    <style>
        #titleText1, #titleText2{
            font-size: {{adjusts.title_fontSize}};
        }
    </style>
</div>

#titleText1，#titleText2{
字体大小：{{adjusts.title_fontSize}}；
}

---

关于为什么这是冗长乏味的解释。我知道[ngStyle]，等等。我只想知道如何将我的变量放到css上。。如果不能通过

直接访问

.css/.scss

文件，我建议阅读官方文件

在您的情况下，

[ngStyle]

不起作用，因为您试图将样式应用于组件（组件模板上的元素）的子级

因此，您可以：

• 将您的样式添加到外部CSS/SCSS文件中，并在

  styleUrls

• 在内联

  样式中添加您的样式

---

我通常更喜欢外部文件

我建议阅读官方文件

在您的情况下，

[ngStyle]

不起作用，因为您试图将样式应用于组件（组件模板上的元素）的子级

因此，您可以：

• 将您的样式添加到外部CSS/SCSS文件中，并在

  styleUrls

• 在内联

  样式中添加您的样式

---

我通常更喜欢使用外部文件解决方案1

您可以将CSS直接分配给您的元素，例如：

<div style="background-color:lightblue">
  <h3>This is a heading</h3>
  <p>This is a paragraph.</p>
</div> 

---

解决方案1

您可以将CSS直接分配给您的元素，例如：

<div style="background-color:lightblue">
  <h3>This is a heading</h3>
  <p>This is a paragraph.</p>
</div> 

---

ngStyle正是您所要寻找的。ngStyle正是您所要寻找的。此外，如果问题中没有明确说明，则作者正在询问solution@MassimoCostaAFAIK样式化可以用与普通HTML元素样式化非常相同的方法来完成。你说得对。可以使用标准方式设置零部件的样式。所以你的答案对我有用。但在标准方式的基础上增加了一些特性。例如，如果您可以隔离您的样式，那么如果问题中没有明确说明，则作者询问的是角度solution@MassimoCostaAFAIK样式化可以用与普通HTML元素样式化非常相同的方法来完成。你说得对。可以使用标准方式设置零部件的样式。所以你的答案对我有用。但在标准方式的基础上增加了一些特性。例如，如果您可以隔离您的样式

<div class="mydiv">
  <h3>This is a heading</h3>
  <p>This is a paragraph.</p>
</div> 

.mydiv {
background-color:lightblue
}