我们可以将两个布尔变量中的任何一个传递给这样的子组件吗？

Question

我有一个组件来加载一个旋转器。当两个布尔值中的任何一个为真时，如何加载组件。

<custom-component [loading]="loading"></custom-component> 
<custom-component [loading]="loadClass"></custom-component>  

现在，我可以用这样的一行来做上面的代码吗？

<custom-component [loading]="loading || loadClass"></custom-component>

Answer 1

我会为你做一个检查的函数。这看起来可能是这样的。

这意味着，如果加载逻辑与||不同，您可以轻松地添加到逻辑中。

<app-loading-spinner [loading]="isLoading()"></app-loading-spinner>

然后，一个检查并返回值的简单函数，这个逻辑可以随着时间的推移而扩展。

public isLoading(): boolean
{
    if (this.loading || this.loadClass)
    {
        return true;
    }

    return false;
}

现在，我可以用这样的一行来做上面的代码吗？

是的，这应该起作用，因为它将检查其中一种或另一种是否为真，如果是的话将通过为真，否则它将通过假。

您应该能够通过在您的子组件中设置一个@Input public loading: boolean并检查其值来测试它。

Answer 2

*ngIf="cond1 && cond2"应该能解决你的问题。