【Ionic】常用小模块及经验总结

1、下拉列表

        <ion-item>
        <ion-label>请假类别</ion-label>
        <ion-select name="qjlb" [(ngModel)]="newLeave.qjlb" interface="popover">
            <ion-option value="美国" selected="true">美国</ion-option>
            <ion-option value="中国">中国</ion-option>
            <ion-option value="德国">德国</ion-option>
            <ion-option value="英国">英国</ion-option>
            <ion-option value="新加坡">新加坡</ion-option>
            <ion-option value="俄国">俄国</ion-option>
            <ion-option value="日本">日本</ion-option>
            <ion-option value="法国">法国</ion-option>
            <ion-option value="加拿大">加拿大</ion-option>
            <ion-option value="泰国">泰国</ion-option>
            <ion-option value="意大利">意大利</ion-option>
        </ion-select>
        </ion-item>

2、如果要选中不同的国家跳转到不同的页面，可以使用ng-if来写：

    <ion-item *ngIf="newLeave.qjlb=='病假'">
        <ion-label>请附病假条：</ion-label>
        <ion-label type="text" name="bjtj" href="#" [(ngModel)]="newLeave.bjtj">添加</ion-label>
    </ion-item>

3、<ion-label>点我表示触碰到整行矩形，都会碰到我：</ion-label> 表示点击整行，都可以触碰到我；

4、按钮：

<button (click)="addLeave(newLeave)" ion-button color="secondary" class="register-login">提交</button>