在模板html中使用局部变量，而不使用组件Angular2+；

我想在html模板中使用一个局部变量，以便在css类中使用它，但不将其与组件链接。我想这样做：

[local_html_variable = 1]

    <div class="css-{{ local_html_variable }}">
            Div #1
        </div>

[local_html_variable + 1]

        <div class="css-{{ local_html_variable }}">
            Div #2
        </div>

[local_html_variable + 1]

        <div class="css-{{ local_html_variable }}">
            Div #3
        </div>

        ...

[local\u html\u variable=1]
第1分部
[局部变量+1]
第2分部
[局部变量+1]
第3分部
...

得到

<div class="css-1">
        Div #1
    </div>

    <div class="css-2">
        Div #2
    </div>

    <div class="css-3">
        Div #3
    </div>

    ...

第1分部
第2分部
第3分部
...

重要提示：div的数量是动态的。

---

但我没有做到。我尝试了

，但没有成功。。有什么想法吗？

这里是一个非常情境化的答案，它利用了truhy/falsy的价值观：

<ng-container *ngIf="1 as i">
  Number is {{ i }}
</ng-container>

---

下面是一个非常情境化的答案，它利用了truhy/falsy的价值观：

<ng-container *ngIf="1 as i">
  Number is {{ i }}
</ng-container>

---

您可以使用*ngforstructural指令

<div *ngFor="let value of [1,2,3]" class="css-{{value}}">
   DIV #{{value}}
</div>

DIV#{{value}

您可以使用*ngforstructural指令

<div *ngFor="let value of [1,2,3]" class="css-{{value}}">
   DIV #{{value}}
</div>

DIV#{{value}

哇。太棒了。我不知道。妮西：）顺便说一句，你能给你的帖子加些解释吗？你到底在用什么？我以前从未见过这样的情况。好吧，但如何增加它？@MatDepInfo在插值中使用

I+1

。您可以尝试使用

i++

，它会告诉您为什么不应该使用它@MatDepInfo你应该提供一个你所期望的例子，像这样的随机例子总是错误的来源。如果您不知道div的数量，您是否至少有一些数字说明您有多少div？@MatDepInfo您在模板中不使用增量。因为在每次变化检测中，Angular都会读取增量，你会看到它变得多么奇怪。你为什么不能用ngFor？哇。太棒了。我不知道。妮西：）顺便说一句，你能给你的帖子加些解释吗？你到底在用什么？我以前从未见过这样的情况。好吧，但如何增加它？@MatDepInfo在插值中使用

I+1

。您可以尝试使用

i++

，它会告诉您为什么不应该使用它@MatDepInfo你应该提供一个你所期望的例子，像这样的随机例子总是错误的来源。如果您不知道div的数量，您是否至少有一些数字说明您有多少div？@MatDepInfo您在模板中不使用增量。因为在每次变化检测中，Angular都会读取增量，你会看到它变得多么奇怪。为什么你不能用ngFor？事实上我不能用ngForcase@MatDepInfo请考虑预先添加所有相关的细节和条件，以避免对线程产生额外的噪音。case@MatDepInfo请考虑将所有相关的细节和条件提前，以避免螺纹产生额外噪音。