ng-template
タグのスタイリングに苦労しています。
。cssファイルで今まで試したこと:
<ng-template>
にクラスを追加する<td>
タグのスタイリングそれは機能していませんし、検索後に解決策が見つかりませんでした。
HTML:
<div class="cont">
<div class="scolldiv">
<table border="1">
<thead>
<tr>
<th>Char</th>
<th>Break After</th>
<th>Remove</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let charobj of Chars;let i = index" [attr.data-index]="i">
<td>{{charobj.char}}</td>
<td class="tdcell" *ngIf= "charobj.after; else other_content">YES</td>
<ng-template #other_content>NO</ng-template>
<td>
<MyBtn
[ID]="'btnaddchars_' + i"
[BackColor]= "globals.sysButtonBackColor"
[Color]= "globals.sysButtonForeColor"
[HoverBackColor] = "globals.sysHoverButtonBackColor"
[HoverColor] = "globals.sysHoverButtonForeColor"
[Text] ="'Delete'"
[SecondText]="'Close'"
[Width] ="'70px'"
[Height]="'17px'"
(buttonWasClicked) ="onSymbolsFormButtonClick($event)"
>
</MyBtn>
</td>
</tr>
</tbody>
</table>
</div>
</div>
画像:
あなたは置く必要があります
<td class=..> </td>
elseの場合、ngIfを持つタグ全体がテンプレートを介して置換されるため、NOの前後。
タグ<ng-template>
は、DOM
が次のようにレンダリングされるときにバインディングに変換されます
<!--bindings={
"ng-reflect-ng-if": "false",
"ng-reflect-ng-if-else": "[object Object]"
}-->
Class(CSS class)
あなたのテキスト例:
<ng-template #other_content>
<label class='_YOUR CSS CLASS_'>No</label>
</ng-template>