Условное выражение, связанное с [(ngModel)]

IMO, выражение привязки данных правильное здесь, в строке ниже -

<input [(ngModel)] = "currentService.user && currentService.user.username">

Потому что, когда вы связываете ngModel с таким выражением (currentService.user && currentService.user.username), за сценой он будет проверьте первое значение, и как только оно будет доступно, оно будет искать второе значение, если существует угловой свяжет ваше значение с этим ngModel, иначе свяжет с первым.

(this.currentService.user && this.currentService.user.username) = "Bob"; // Not valid

Это недопустимый синтаксис, потому что здесь вы присваиваете значение некоторой переменной, которую вам нужно строго описать. Я имею в виду либо this.currentService.user.username, либо this.currentService.user, не использующие разделитель &&.

Но да, если вы напишете так

this.bob = this.currentService.user && this.currentService.user.username // will be valid - here this.bob is some variable

Надеюсь, вы поняли мою точку зрения, если возникнет какая-то путаница, дайте мне знать.

Речь идет не об Angular, а о JS.

Взгляните на этот фрагмент:

const variable = {
  user: {
    name: 'John Doe'
  }
};

console.info(variable);
console.info(variable.user);
console.info(variable.secondUser);
console.info(variable.user.name);
console.info(variable.secondUser.name);

Как видите, он проверяет, определены ли переменные. Когда вы пытаетесь получить доступ к свойству переменной undefined, выдается ошибка.

Что происходит в вашем случае, так это то, что если первое условие пропущено, другие условия не проверяются.

Взгляните на этот фрагмент:

const variable = {
  user: {
    name: 'John Doe'
  }
};

console.info(variable && variable.user && variable.user.name);
console.info(variable && variable.user && variable.user.surname);
console.info(variable && variable.secondUser && variable.secondUser.name);

На этот раз ошибок не возникает. Этому меня научил вопрос о переполнении стека.

Второй момент, оператор &&возвращает значение последнего выражения, если это выражение является правдивым или ложным. Взгляните на этот фрагмент:

const variable = {
  user: {
    name: 'John Doe'
  }
};

console.info(variable && variable.user && variable.user.name);
console.info(variable && variable.user && variable.user.surname);
console.info(variable && variable.user && !!variable.user.name);
console.info(variable && variable.user && !!variable.user.surname);

Как видите, если последнее условие не является логическим, оно вернет значение условия.

Кстати, в Angular вы можете использовать Оператор Элвиса, что позволяет сократить синтаксис (но вы не можете использовать его в формах, управляемых шаблонами):

<input *ngIf = "currentService?.user?.username">