Question

我确定这是一个简单的解决方案，但实际上无法在线找到任何东西，或者我一直被错误的兔子洞送走...

我只想做一个简单的循环，然后将项目添加到变量中，仅用于显示目的。

{% block integer_widget %}
<div class="input-field">
    {% block form_label %}
    {% endblock %}
    <label class="{{ label_attr.class }}">{{ label }}</label>
    {% set type = type|default('number') %}
    {{ block('form_widget_simple') }}
</div>
{% endblock %}

然后在循环外初始化变量，然后在循环内初始化变量

<div *ngFor="let item of items">
   <div> {{ item.cost }} </div>
<div>

所以我尝试了ngInit和各种口味都没有用。例如How do I get the total sum in ng-init and ng-repeat - angularjs

Answer 1

在组件（而不是视图）中执行。

单线：

.install_extras

Answer 2

您不应在HTML文件中执行此操作，而应执行以下操作

<div *ngFor="let item of items">
   <div> {{ item.cost }} </div>
<div>
   <div> {{getTotalCost()}} </div>

然后在组件的.ts文件中编写函数

getTotalCost(){
// assuming you have a list of objects
let total = 0;
this.items.foreach(item=>{
total+= item.cost;
});
return total;
}

Angular 7 HTML变量初始化

2 个答案: