Angular 为什么我要将ng模板放入手风琴选项卡中,从而获得这种奇怪的渲染行为?
我正在使用Priming处理一个角度应用程序,我在使用Priming手风琴时遇到以下问题 这是我的组件的HTML代码:Angular 为什么我要将ng模板放入手风琴选项卡中,从而获得这种奇怪的渲染行为?,angular,primeng,angular-directive,angular-template,ng-template,Angular,Primeng,Angular Directive,Angular Template,Ng Template,我正在使用Priming处理一个角度应用程序,我在使用Priming手风琴时遇到以下问题 这是我的组件的HTML代码: <div class="container"> <p-selectButton [options]="editPatientOption" [(ngModel)]="editPatientSelectedOption"
<div class="container">
<p-selectButton [options]="editPatientOption"
[(ngModel)]="editPatientSelectedOption"
(onChange)="editPatientOptionOnChange($event, 5)"></p-selectButton>
<div *ngIf="editPatientSelectedOption=='info';then info_content else edit_content">here is ignored</div>
<p-accordion [multiple]="true">
<p-accordionTab header="ANAGRAFICA PAZIENTE">
TEST
<ng-template #info_content>
INFO
</ng-template>
<ng-template #edit_content>
EDIT
</ng-template>
</p-accordionTab>
<p-accordionTab header="CARTELLA CLICNICA">
<app-medical-record-add-form></app-medical-record-add-form>
</p-accordionTab>
<p-accordionTab header="VALUTAZIONE ESTETICA">
Content 3
</p-accordionTab>
<p-accordionTab header="CRONOLOGIA TRATTAMENTI SVOLTI">
Content 3
</p-accordionTab>
</p-accordion>
</div>
这里被忽略了
试验
信息
编辑
你怎么能看到信息内容(highlited)出现在我的手风琴标签外
如果**editPatientSelectedOption!='“信息”以以下方式呈现:
为什么模板的内容是正确的(它是预期的),但在预期的位置(手风琴选项卡)之外呈现。发生了什么事?我错过了什么?如何修复此行为?对我来说,它似乎正在按预期工作。这是因为定义了div
来处理这些模板之间的切换。例如,您可以将ng模板
声明移动到该模板中的任何其他位置,并且您会有相同的行为,因为这些声明的定义位置并不重要,但使用它们的div
的定义位置很重要
<div *ngIf="editPatientSelectedOption=='info';then info_content else edit_content">here is ignored</div>
这里被忽略
将以上内容移动到您希望文本显示的位置,它应该可以正常工作。列出您的Angular版本可能会有所帮助。预计您的模板将使用ngIf代替div进行渲染。只要把那个div放在你需要的地方就行了