Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.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
Mat table “材料”选项卡打开自定义按钮单击_Mat Table - Fatal编程技术网

Mat table “材料”选项卡打开自定义按钮单击

Mat table “材料”选项卡打开自定义按钮单击,mat-table,Mat Table,我有3个选项卡我正在使用mat选项卡切换选项卡。现在我需要切换到自定义按钮上的另一个选项卡,而不是单击该选项卡。有人有解决这个问题的办法吗 我的代码: <mat-tab (click)="getTimeline()" label="Timeline"> <div class="title2"> <h1> Timeline for {{Traincode}}</h1> </div>

我有3个选项卡我正在使用mat选项卡切换选项卡。现在我需要切换到自定义按钮上的另一个选项卡,而不是单击该选项卡。有人有解决这个问题的办法吗

我的代码:

 <mat-tab  (click)="getTimeline()" label="Timeline">
        <div class="title2">
           <h1> Timeline for {{Traincode}}</h1>
        </div>
        <div class="timeheight">
        <div class="timeline" *ngIf="timelinearray.length!=0">
           <table id="headings" style="width:100%" >
              <tr>
                 <th style="text-align: left;padding-left: 42px;color:#4aaec5;width: 237px">Date</th>
                 <th style="text-align: left;color:#4aaec5;">Location</th>
              </tr>
           </table>
           <div class="entry" *ngFor="let data of timelinearray  " style="margin-top: 70px">
              <div class="title">
                 <h3>{{data.timestamp}} ,</h3>
                 <h4>&nbsp;{{data.assetcode}}</h4>
              </div>
              <div class="body">
                 <p>{{data.location}}</p>
                 <ul>
                    <li>Speed :{{data.speed}} m/s</li>
                    <li>Temperature :{{data.Temperature}} C</li>
                    <li>Vibration :<span *ngIf="data.status==='Pass'" style="color: #4cac77;">Normal</span><span *ngIf="data.status==='Fail'" style="color: red">Dangerous</span></li>
                    <li>Battery :{{data.Battery}} %</li>
                 </ul>
              </div>
           </div>
        </div>
        </div>
     </mat-tab>

{{Traincode}的时间线
日期
位置
{{data.timestamp},
{{data.assetcode}
{{data.location}

  • 速度:{{data.Speed}}m/s
  • 温度:{{data.Temperature}}C
  • 振动:正常危险
  • 电池:{{data.Battery}}}%
现在如果我点击div

如果我点击scroll to div(滚动到div),则应切换选项卡

提前感谢

已解决。多谢各位

(单击)=“selectedIndex=2”