Закрытие HTML-тега с помощью угловой директивы ng-if - PullRequest
0 голосов
/ 09 мая 2019

У меня есть условная таблица с тд, которую я хочу закрыть до или после некоторых событий.С директивой NG-IF я не могу этого сделать, потому что закрываю тег TD в NG-CONTAINER.Возможно ли это сделать?

Я вырезал здесь только часть кода.Одно из решений может заключаться в том, чтобы заключить все и в один элемент, чтобы получить условное представление, но много кода до

<ng-container>
  <td>
    some other code
    <ng-container *ngIf="riga.value['type'] === 'title';else other">
       {{riga.value['description']}}
         </td>
    </ng-container>
    <ng-template #other>
      <ng-container>
         {{riga.value['otherdescription']}}
           </td>
      </ng-container>
    </ng-template>
</ng-container>

Ответы [ 2 ]

3 голосов
/ 09 мая 2019

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

Закрытие TD после * ngIf также имеет гораздо больший смысл.

  <td>
    some other code
    <ng-container *ngIf="riga.value['type'] === 'title';else other">
       {{riga.value['description']}}
    </ng-container>
    <ng-template #other>
         {{riga.value['otherdescription']}}
    </ng-template>
 </td>
0 голосов
/ 09 мая 2019

В соответствии со спецификациями HTML или Angular это не кажется правильным, в любой момент времени у вас будет только одна ng-container внутри <td>, поэтому закройте td после закрытия контейнеров:

<ng-container>
  <td>
    some other code

     <ng-container *ngIf="riga.value['type'] === 'title';else other">
       {{riga.value['description']}}
    </ng-container>

    <ng-template #other>
      <ng-container>
         {{riga.value['otherdescription']}}

      </ng-container>
    </ng-template>

 </td>
</ng-container>
...