Lightning Web 組件 IF 指令是否支持多個條件？

Question

嗨，我是 LWC 世界及其語法的新手。 我想問一下，LWC 是否支持單個語句中的多個條件？

前任：

<template if:true={condition1 == 'value1' && condition2 == 'value2'}></template>

在單行語句上使用多個條件時出錯。

或者應該采用以下方法

html - <template if:true={validateCondition}></template>
class js file - get validateCondition() { return (condition1 == 'value1' && condition2 == 'value2');}

或者必須使用嵌套條件

<template if:true={condition1 == 'value1'}>
  <template if:true={condition2 == 'value2'}>
  </template>
</template>

當前使用上述語句

Answer 1

選項 2. 保持 html 干凈。 顯示/隱藏頁面部分的決定是您業務邏輯的一部分，應與其他計算一起保存在 JS 中。 這也使它可測試。 我認為您甚至無法執行選項 3，我希望它在編譯時失敗？

您不能在這些或任何計算中使用公式，只能使用直接屬性和 getter。 https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.reference_directives

遷移指南也可能有所幫助： https : //developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.migrate_expressions

這個答案也很酷： https : //salesforce.stackexchange.com/q/249293/799