Question

我是Angular及其概念的新手，我试图围绕如何处理这种特殊情况。

我使用Cordova的Keyboard插件中的事件在我的页面组件中设置keyboardVisible属性，并使用它来显示/隐藏页脚。

<ion-footer *ngIf="!keyboardVisible">
    <ion-text>Footer content</ion-text>
</ion-footer>

页脚被隐藏/显示正确，但我需要在组件中的基础resize()上调用Content来更新布局（as is mentioned here）...

@ViewChild(Content) content: Content;
this.content.resize();

...我不能为我的生活找出*ngIf指令完成之后如何/在何处调用它。

Answer 1

如果调整大小没有返回任何内容，您可以直接执行此操作

<ion-footer *ngIf="!keyboardVisible">
    {{content.resize()}}
    <ion-text>Footer content</ion-text>
</ion-footer>

Answer 2

<ion-footer *ngIf="check(!keyboardVisible)"">
<ion-text>Footer content</ion-text>
</ion-footer>

export class YourCom{

   check(item){
       if(!keyboardVisible){
          this.content.resize();
       }

   }
}

只是为了让您了解如果您调用某个以某种方式更新视图的函数，您将会收到来自更改检测的错误，其中包含＆gt;“检查视图后更新表达式”

＆＃34;回调＆＃34;在Angular * ngIf之后

2 个答案: