Question

将[(ngModel)]="selectedCategory"添加到页面中的<ion-select>元素时，该页面不再显示：

如果我尝试从经典Push访问该页面，则不会发生重定向。
如果我尝试从深层链接访问该页面，我会显示一个空白页面（即使我正在查看Chrome检查器，我也可以看到所有内容都已加载）。

我删除[(ngModel)]="selectedCategory"后，一切正常。

控制台中没有错误。

HTML 的

<form (ngSubmit)="onSubmit()" #f="ngForm" autocomplete="off">

    <ion-list no-margin>
      <ion-item no-margin no-lines>
        <ion-select style="max-width: 100%; padding-left: 0;"
                    interface="action-sheet"
                    [(ngModel)]="selectedCategory"
                    required
                    placeholder="Choisissez un sujet">
        <!-- <ion-options here> -->
        </ion-select>
      </ion-item>
    </ion-list>

</form>

打字稿

@IonicPage()
@Component({
  selector: 'page-feedback',
  templateUrl: 'feedback.html',
})
export class FeedbackPage implements OnInit {
  @ViewChild('f') feedbackForm: NgForm;

  selectedRating: string;  // This uses ngModel too, but this one makes no problem!
  selectedCategory: string;

版本

离子框架：离子角3.7.1
节点：v8.7.0
npm：5.4.2

Answer 1

你需要像这样在中添加名称

<ion-select style="max-width: 100%; padding-left: 0;"
                interface="action-sheet"
                [(ngModel)]="selectedCategory"
                required
                placeholder="Choisissez un sujet" name="selectName">

希望这对你有用

Ionic3：使用ngModel和<ion-select>打破页面导航或显示

1 个答案: