代码之家 › 专栏 › 技术社区 › Angulandy2

3个选项卡仅在一个选项卡中显示特定的html

ionic-framework typescript angular javascript

Angulandy2 · 技术社区 · 7 年前

我用的是离子3个标签,我想要这个 <ion-fab> 只有在第一个选项卡中才能看到:

HTML页:

<ion-tabs>
  <ion-tab [root]="tab1Root"></ion-tab> //first tab
  <ion-tab [root]="tab2Root"></ion-tab>
  <ion-tab [root]="tab3Root"></ion-tab>
</ion-tabs>
//Show this only if first tab : 
    <ion-fab ngif="tabIndex = 0"></ion-fab>

1 回复 | 直到 7 年前

Ravikumar R 7 年前

export class TabsPage {
  // this tells the tabs component which Pages
  // should be each tab's root Page
  tab1Root = Page1;
  tab2Root = Page2;
  tab3Root = Page3;

  constructor() {

  }
}

如果你想显示ion fab Page1 只有你需要设置 <ion-fab></ion-fab> 标记 第1页 仅.html。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前