声纳给出“预期分配或函数调用”消息

Question

我在 NgRx 工作并收到此错误：

'期待一个赋值或函数调用，却看到了一个表达式。'

this.sfForm.get('code')?.[this._mode ? 'disable' : 'enable'](); 中的声纳问题。

我不明白来自声纳的信息，以及这里要解决的问题。 我需要一些帮助来理解代码并解决问题。

<mat-form-field [formGroup]="sfForm">
  <input Input
         matInput
         (keydown.enter)="search($event.target.value)"
         [type]="''"
         formControlName="code"
         required>
</mat-form-field>

sfForm: FormGroup;
private _mode: boolean = true;
      
public set scanMode(value: boolean) {
  this._mode = value;
  this.sfForm.get('code')?.[this._mode ? 'disable' : 'enable']();
}

Answer 1

以下是该行的细分：

this.sfForm.get('code') // get by the key "code"
?.                      // if `undefined` or `null`, stop here (see #1 below)
[                       // else, get prop by expression in [square brackets]
    this._mode ?        // if this._mode is truthy...
        'disable'       // that prop is 'disable'
        : 'enable'      // else, that prop is 'enable'
]                       // (see #2 below)
()                      // call the function identified by that prop (with 0 args)

• #1：Explanation of ?.
• #2：Explanation of condition ? val1 : val2

---

在更详细的代码中，它可能如下所示：

const code = this.sfForm.get('code')

if (code !== null && typeof code !== 'undefined') {
    let modeFunction

    if (this._mode) {
        modeFunction = code.disable
    } else {
        modeFunction = code.enable
    }

    modeFunction()
}

Answer 2

如果您要分配标签，则不能以这种方式进行。当你这样做时

object[field]

和你一样，你不能赋值。

你可以做的是这样的：

this.sfForm.get('code')?.[this._mode] = this.sfForm.get('code')?.[this._mode] ? 'disable' : 'enable'

如果您想将字段放入变量中，或者以更短的方式。

另外，请注意，您不能调用“？”内的函数赋值，但只使用语句。