Html 角度条件运算符：执行多个语句

逻辑如下：在enter上，执行以下if语句

if (!elementB.isOpen){
    elementB.open()
else {
    elementC.open()
    elementC.focus()
    elementB.close()
}

我想用这个？条件运算符并将其添加到（keyup.enter）之后：

但是上面的代码给了我一个错误。似乎我无法使用

条件运算符（？：）

执行多行代码

---

有人能帮我吗？谢谢

用括号括起来

<mat-form-field (keyup.enter)="!elementB.isOpen ? (elementB.open()) : (elementC.open(),elementC.focus(),elementB.close())">

---

用括号括起来

<mat-form-field (keyup.enter)="!elementB.isOpen ? (elementB.open()) : (elementC.open(),elementC.focus(),elementB.close())">

---

使用组件文件，而不是将模板塞满逻辑：

<mat-form-field (keyup.enter)="elementActions()">

---

我知道这很平常，但这才是component.ts文件真正的用途。

使用组件文件，而不是将模板塞满逻辑：

<mat-form-field (keyup.enter)="elementActions()">

---

我知道这非常普通，但这才是component.ts文件真正应该使用的功能。

尝试在方法中给出

else

，以便简化逻辑

<mat-form-field (keyup.enter)="!elementB.isOpen ? elementB.open() : changeElement(elementC,elementB)">

  changeElement(elementC: any, elemenB: any) :void {
        elementC.open();
        elementC.focus();
        elementB.close();
    }

changeElement（elementC:any，elemenB:any）：无效{
元素c.open（）；
元素c.focus（）；
元素b.close（）；
}

尝试在方法中给出

else

，以便简化逻辑

<mat-form-field (keyup.enter)="!elementB.isOpen ? elementB.open() : changeElement(elementC,elementB)">

  changeElement(elementC: any, elemenB: any) :void {
        elementC.open();
        elementC.focus();
        elementB.close();
    }

changeElement（elementC:any，elemenB:any）：无效{
元素c.open（）；
元素c.focus（）；
元素b.close（）；
}

您可以，用一个

**，**

分隔每条语句。但这并不是真正的推荐。您应该在TypeScript中保留更多的逻辑。通过这种方式，它更易于管理和单元测试。但这并不是真正的推荐。您应该在TypeScript中保留更多的逻辑。这样更易于管理和单元测试。elementB和elementC是mat select的ID，如：。如何在my.component.ts中访问它们并应用函数，如open（）、focus（）……elementB和elementC是mat select的ID，如：。如何在my.component.ts中访问它们并应用函数，如open（）、focus（）…，不起作用：解析器错误：意外标记“，”不起作用：解析器错误：意外标记“，”elementB和elementC是mat select的ID，如：。如何在my.component.ts中访问它们并应用函数，如open（）、focus（）…将元素作为参数添加到changeElement（elementC、elementB）中elementB和elementC是mat select的ID，如：。如何在my.component.ts中访问它们并应用函数，如open（）、focus（）……将元素作为参数添加到changeElement（elementC、elementB）中