繁体   English   中英

添加 ion-tabs 后,RouterLink 在 Ion-Button 中不起作用,但在没有标签的情况下可以正常工作,我该如何解决这个问题?

RouterLink not work in Ion-Button after adding ion-tabs but work fine without tabs , How can I solve this problem?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

在添加 ion-tab-button 之前一切正常,我有按钮 ionic 路由到另一个页面

当我添加了离子标签时,单击后路由器链接在按钮中不起作用

我的错误在哪里? 我需要一个解决方案。

这是我的主页。html

  <ion-header translucent>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>SERVER STORE</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content fullscreen>

  <ion-grid>
    <ion-row>
      <ion-col size="12">

        <ion-slides pager="true" [options]="slideOptsOne" #slideWithNav
          (ionSlideDidChange)="SlideDidChange(sliderOne,slideWithNav)">
          <ion-slide *ngFor="let s of sliderOne.slidesItems">
            <img src="assets/{{s.id}}.png">
          </ion-slide>
        </ion-slides>

      </ion-col>

    </ion-row>
  </ion-grid>
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-button expand="block" [routerLink]="['/iptv-list']" >IPTV List   </ion-button>
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col>
        <ion-button expand="block" [routerLink]="['/sharing']" >Sharing List   </ion-button>
      </ion-col>      </ion-row>
      
            
            

  </ion-grid>

 
</ion-content>

<ion-tabs>
  <ion-tab-bar slot="bottom">
    <ion-tab-button >
      <ion-icon name="speedometer"></ion-icon>
      <ion-label>مباريات اليوم</ion-label>
    </ion-tab-button>

    <ion-tab-button >
      <ion-icon name="play-circle"></ion-icon>
      <ion-label>WATCH</ion-label>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>
1 个回复

我找到了解决方案:

添加<ion-toolbar>作为 ion-tabs 的父级解决了我的问题

2 为 ion-tabs 添加背景颜色

我正在使用 Ionic 4,并创建了一个用于导航的 Ionic 标签页应用程序。 我现在想做的是为我的ion-tabs添加background-color ,但我尝试的任何方法都不起作用。 我尝试将$colors变量添加到我的variable.scss并使用color="primary"但这没有用。 ...

4 Julia - 数据切片在 for 循环中不起作用 - 但在没有 for 循环的情况下工作

我正在尝试通过 for 循环从所有股票的数据中提取特定股票代码的数据。 当我在 for 循环外使用代码时,代码正在运行,而相同的代码在 for 循环中不起作用。 下面是代码—— 在职的 - 不工作 - 错误 在我运行 for 循环后,在 for 循环外工作的代码不起作用,我必须重新导 ...

5 循环在没有循环的情况下工作时不起作用

我写了一个循环,生成随机数据集的平均值和标准差。 随机化大小将根据每个样本的样本大小而不同。 这里我有80,50,32和20的样本大小,所以我写了一个循环如下。 但是,我一直收到错误“错误CT.raw $ average [i,] &lt; - mean(as.numeric(unli ...

2019-05-17 18:12:26 0 47   r
6 Ng在gitbash中不起作用,但在节点命令提示符下工作正常

我已经全局安装了angular / cli,当我在节点命令提示符下写入“ ng -v”时,当我使用git bash时,它会在同一目录中提示其工作但相同的命令,其抛出错误“ ng不是命令”。 我也已经卸载并再次安装了所有依赖项,并且还清除了缓存,这个问题似乎不时出现。 ...

9 如何在ion-tabs(ionChange)事件中停止导航?

我想在单击离子选项卡时停止导航。 (ionChange-event)。 我需要在标签更改时向用户显示警报。 标签在警报显示之前已更改。 我尝试使用nav-guard,但不适用于ion-tab。 因此,请帮助我克服这种情况。 ...

2019-09-12 06:22:02 0 16   ionic3
10 如何在 Ionic 4 中更改 ion-button 的字体粗细?

在 Ionic 4 中,我知道对于某些事情我应该使用 shadow dom,并像这样修改组件: 但是如果我想改变按钮的字体粗细怎么办? 如果您查看按钮的 css,您会看到没有 shadowdom css 变量用于权重,就像填充或字体系列一样: 据我所知,我能做到的唯一方法是做这样的内联样式 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM