gpt4 book ai didi

angular - 如何在中调用函数让变量声明Angular 4

转载 作者:行者123 更新时间:2023-12-04 02:57:33 24 4
gpt4 key购买 nike

我有一个函数,它从 typescript 函数返回颜色、文本颜色和日期值作为对象。我想将其存储在一个 let 变量中。我可以直接使用函数但不想复制函数的调用。

这给我错误,如未找到“年份”

<kendo-grid-column-group title="{{year}}" [headerStyle]="{'text-align': 'center'}" width="380">
<ul *ngFor="let month of keys(); let i = index">
<li>
<kendo-grid-column field="{{month}}" class="no-padding" title="{{month}}" [filterable]="false" [sortable]="false" width="35">
<ng-template kendoGridCellTemplate let-dataItem let-color="getColor(year,i,dataItem.ca)">
<span class="whole-cell" [ngStyle]="{'background-color': color.color,'color': color.textColor,'font-weight':'bold','height':'25px','vertical-align': 'middle'}">
<label>{{color.Date}}</label>
</span>
</ng-template>
</kendo-grid-column>
</li>
</ul>
</kendo-grid-column-group>

最佳答案

您需要传递 'content:this' 范围对象。

模板:

<ng-template let-color="getColor()" #loading>
<span class="whole-cell" [ngStyle]="{'background-color': color.color,'color': color.textColor,'font-weight':'bold','height':'25px','vertical-align': 'middle'}">
<label>{{color.Date}}</label>
</span>
</ng-template>

<ng-container *ngTemplateOutlet="loading;context:this"></ng-container>

组件:

getColor() {
return {
color: 'red',
textColor: 'blue',
Date: 'hi'
}
}

关于angular - 如何在<ng-template>中调用函数让变量声明Angular 4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52268326/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com