Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 为什么我要将ng模板放入手风琴选项卡中,从而获得这种奇怪的渲染行为?_Angular_Primeng_Angular Directive_Angular Template_Ng Template - Fatal编程技术网

Angular 为什么我要将ng模板放入手风琴选项卡中,从而获得这种奇怪的渲染行为?

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"

我正在使用Priming处理一个角度应用程序,我在使用Priming手风琴时遇到以下问题

这是我的组件的HTML代码:

<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放在你需要的地方就行了