Угловой простой NGI инвертируется? - PullRequest
Новая
       3

Угловой простой NGI инвертируется?

0 голосов
/ 29 июня 2019

Домашний НавБар. среда содержит списки с выпадающими элементами, определенными так: 

      {
      title: 'Overview', isDropped: false, Links: [
        {linkTitle: 'What is Hunter', linkRoute: '/whatishunter'},
        {linkTitle: 'What is a Hard Problem', linkRoute: '/hardproblem'},
        {linkTitle: 'Real World Applications', linkRoute: '/realapps'},
        {linkTitle: 'Using Hunter', linkRoute: '/usingHunter'}
        ]
      },

html-циклы navbar (ngFor) для каждого раскрывающегося списка в этом разделе панели навигации; добавлен левый раскрывающийся список, чтобы показать, что происходит: 

<div class="positionLeft" [ngStyle]="{'z-index': '2', 'height': '50px'}">
<div *ngFor="let leftdropdown of barContents.leftMenus">
  <app-navdropdown [title]="[leftdropdown.title]" [isDropped]="[leftdropdown.isDropped]"
                   [links]="[leftdropdown.links]"></app-navdropdown>
          added leftdropdown isdropped = {{leftdropdown.isDropped}}
</div>

Элементы "leftdropdown" взяты из списка окружения выше. Компонент.ts:

enter image description here

И это тривиальный HTML (с дополнительным диагностическим текстом): enter image description here

Итак, когда приложение запускается, мы видим вывод html как: enter image description here

Обратите внимание на консоль отладки здесь: enter image description here

И, чтобы быть уверенным, я могу вручную изменить isDropped на true, и на экране отобразится «if block». Очевидная ошибка в том, что * ngIf инвертирует выражение isDropped ????

Какие-либо подсказки относительно того, что должно быть недоразумением или простой синтаксической ошибкой?
Спасибо за ваше время и советы. Чак (йог)

1 Ответ

0 голосов
/ 30 июня 2019

Спасибо за различные комментарии; Я наконец понял, что МОЯ путаница с квадратными скобками касалась левой или правой части выражения. Использование (или не использование) квадратных скобок слева изменяет способ оценки правой стороны. (Я думал, что они должны быть применены к правой стороне - НЕПРАВИЛЬНО.) После тщательного (и многократного) просмотра документации по привязке свойств в angular.io мне стало ясно, что выше.
Спасибо всем, кто добавил заметки.

...