Question

我正在尝试在我的应用中激活默认细分受众群。我提到了其他线程和问题，解决方案似乎是在components文件夹中存在的段js中做了一些更改。

但我在组件文件夹中没有任何段文件。我只是在html页面中输入代码来添加组件。

我做错了吗？或者有什么方法可以添加它吗？

谢谢你的帮助。

修改1：

<div>
  <ion-segment [(ngModel)]="testing">
    <ion-segment-button value="book">book</ion-segment-button>
    <ion-segment-button value="table">table</ion-segment-button>
  </ion-segment>
</div>
  <div [ngSwitch]="testing" >
    <ion-list *ngSwitchWhen="'book'" ngSelected="selected">
      <a ion-item>
        <ion-label>book list</ion-label>
      </a>
   </ion-list>
<ion-list *ngSwitchWhen="'table'">
      <a ion-item>
        <ion-label>table list</ion-label>
      </a>
   </ion-list>
</div>

Answer 1

如果要在默认情况下选择第一个选项卡，可以在声明时将该段的值分配给#content_2属性：

testing

然后在视图中：

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {

  public testing = 'book';

  // ...

}

解释很简单。 <div> <ion-segment [(ngModel)]="testing"> <ion-segment-button value="book">book</ion-segment-button> <ion-segment-button value="table">table</ion-segment-button> </ion-segment> </div> <div [ngSwitch]="testing" > <ion-list *ngSwitchWhen="'book'">  <a ion-item> <ion-label>book list</ion-label> </a> </ion-list> <ion-list *ngSwitchWhen="'table'"> <a ion-item> <ion-label>table list</ion-label> </a> </ion-list> </div>将段组件绑定到<ion-segment [(ngModel)]="testing">属性，testing将检查<div [ngSwitch]="testing" >属性的值以查看应显示的列表：

testing或<ion-list *ngSwitchWhen="'book'">...</ion-list>

因此，通过将<ion-list *ngSwitchWhen="'table'">...</ion-list>值分配给组件中的'book'属性，您默认会选择第一个段。

如果要更改所选标签（以编程方式），则可以testing，然后选择第二段。

添加离子成分

1 个答案: