Angular 5 Проверка значения переменной в операторе * и ngIf

Question

Angular 5 Проверка значения переменной в операторе * и ngIf

6

Я использую угловой 5, и я пытаюсь проверить значение переменной в html-шаблоне компонента.

Так выглядит примерно так:

<div *ngIf="item='somevalue'">

Я получаю эту ошибку:

ht Ошибка: ошибки анализа шаблона:

Parser Error: Bindings cannot contain assignments at column 17 in...

Разве это невозможно сделать с угловым?

pedromartinez 29 нояб. 2017, в 17:59

Источник

1

Вы получили опечатку, ваш код должен быть: <div *ngIf="item=='somevalue'">
Flow 29 нояб. 2017, в 16:30

Теги:

angular

javascript

typescript

6 ответов

9

Вы выполняете задание вместо сравнения

<div *ngIf="item==='somevalue'">

edkeveked 29 нояб. 2017, в 13:36

5

Вы выполняете задание с использованием оператора single =.

Используйте double = == operator для проверки равенства или лучшего использования === для проверки строгого равенства.

<div *ngIf="item === 'somevalue'">

GeniusGo 29 нояб. 2017, в 14:43

0

Вместо этого вы должны использовать === в Javascript.
Adrien Brunelat 29 нояб. 2017, в 16:32
0

Это правда, но если разработчик не использовал типы должным образом, результат не будет отображаться. === - это лучшая практика, но == полезна для отображения результатов без учета типов.
GeniusGo 29 нояб. 2017, в 16:35
0

Если вы используете == в своих ответах, упомяните где-нибудь, что это плохая практика. В противном случае OP будет думать, что это путь, и будет использовать == везде в своем коде, особенно если большинство людей показывают ответы с == .
Adrien Brunelat 29 нояб. 2017, в 16:42

Показать ещё 1 комментарий

4

измените его на item==='somevalue'. опечатка вероятно

GHB 29 нояб. 2017, в 14:30

1

Там должно быть никаких кавычек внутри кавычек вне слоя. То есть должен быть только ОДИН слой цитат. Моя похожа на следующее:

      <ng-container *ngFor="let event of events">
         <ng-container *ngIf="event._id===id">
           ....
         </ng-container>
      </ng-container>

В показанном выше примере " event._id " - это " _id " "события", а " id " справа от уравнения - это свойство из файла .ts компонента.

Оба "==" и "===" работают нормально. И это НЕ будет работать, если вы поместите какие-либо кавычки внутрь.

William Hou 18 май 2019, в 07:45

0

используйте *ngIf="event._id==='id' " чтобы подчеркнуть тип идентификатора в виде строки. в противном случае *ngIf предназначен для логических, даже не выражений с такими операторами, как <, >,&&,|| , на факте, что числа не будут работать как ожидалось. а также выражения типа marksArray.length ===0 работать. потому что 0 принимается за тип строки.

надеюсь это поможет

Isaac Pitwa 19 июль 2019, в 15:05

Ещё вопросы

Вы получили опечатку, ваш код должен быть: <div *ngIf="item=='somevalue'">
Вместо этого вы должны использовать === в Javascript.
Это правда, но если разработчик не использовал типы должным образом, результат не будет отображаться. === - это лучшая практика, но == полезна для отображения результатов без учета типов.
Если вы используете == в своих ответах, упомяните где-нибудь, что это плохая практика. В противном случае OP будет думать, что это путь, и будет использовать == везде в своем коде, особенно если большинство людей показывают ответы с == .

Suren Srapyan · Accepted Answer · 2017-11-29T14-02-00.000Z

* ngIf работать как это *ngIf="expression" где expression заменяет простой оператор Javascript, который возвращает boolean. Но вы используете one = и это означает, что вы назначаете someValue для свойства item и если значение не является ложным, оно вернет вам true.

В вашем случае вам нужно написать *ngIf="item === 'somevalue'".