我如何在沒有事件的情況下調用余燼辛烷模板中的函數？

Question

我有一個名為calculatePercentage的函數，如果我想在每個li中調用此函數，則該函數需要一個值並返回百分比，例如

<li>{{this.calculatePercentage 1023 0 5000}}</li> 

沒有任何用戶事件，我該怎么辦在ember octane應用程序中？

export const calPrecOfTwoNums = (num: number, min: number, max: number) => {
    let precentageResult = Math.round((((num - min) * 100) / (max - min)));
    if(precentageResult < 0) {
        precentageResult = 0;
    } else if(precentageResult > 100) {
        precentageResult = 100;
    }
    return precentageResult;
}

Answer 1

您正在嘗試編寫一個助手 。

通過ember-cli生成幫助器：

ember generate helper calculate-percentage

這將在正確的位置為您的助手生成一個文件。 在其中放置您的函數，但稍微修改一下參數：

export default function calculatePercentage([num, min, max]) {
    let precentageResult = Math.round((((num - min) * 100) / (max - min)));
    if(precentageResult < 0) {
        precentageResult = 0;
    } else if(precentageResult > 100) {
        precentageResult = 100;
    }
    return precentageResult;
}

然后，您可以在模板中使用它，如下所示：

<li>{{calculate-percentage 1023 0 5000}}</li>