小编Tia*_*gon的帖子

嗨,有人可以提供帮助.我是Ionic和Angular的新手.我正在尝试在Ionic 2中创建一个天气应用程序.我创建了一个主页,其中一个Click事件调用AddWeather()函数.该函数打开一个附有表单的模态.我试图将数据从模式上的表单传递回主页上的屏幕输出.我尝试过ngModel但似乎无法使其正常工作.

这是我的代码:(home.ts)

import { Component } from '@angular/core';
import { NavController, ModalController, NavParams } from 'ionic-angular';
import { AddPage } from '../add/add';

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

  public weatherList = [];
  constructor(public navCtrl: NavController, public modalCtrl: ModalController) {

}

addWeather() {
    let addWeatherModal = this.modalCtrl.create(AddPage);


    addWeatherModal.present();
  }
}

(add.html)

<ion-header>
  <ion-navbar color="weatherbru">
    <ion-title>Modal</ion-title>
    <ion-buttons end>
        <button ion-button icon-only (click)="CloseModal()"><ion-icon name="close"></ion-icon></button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content padding>
    <form>
        <ion-item>
            <ion-label stacked>City</ion-label>
            <ion-input type="text" ></ion-input>
        </ion-item>
        <ion-item> …

我一直在环顾四周，似乎无法弄清楚这一点。我正在使用 Bootstrap 4 并且有一个带有 8 个 div 元素的 flex 容器。我希望没有从 md 屏幕向上环绕，但是一旦屏幕尺寸低于该尺寸，我需要将其环绕。

我曾尝试添加 flex-md-wrap 但这有相反的效果，自然然后我尝试了 flex-md-nowrap 但没有效果。

这是我的代码：

<div class="container">
  <div class="d-flex flex-row flex-md-wrap">
    <div class="p-2"><img src="#" alt=""></div>

       <!-- 6 divs with images in -->

    <div class="p-2"><img src="#" alt=""></div>
  </div>
</div>