이온 2 이온이 서로 인접 해 있습니다.

Question

이온 함유량이 포함 된 페이지가 있는데 여기에는 이온 목록이 포함되어 있습니다.

이온 목록에는 이온 항목이 포함되어 있습니다. 이것은 입력, 레이블 등과 같은 요소를 담는 컨테이너입니다.

나는 내가 성취하고자하는 것을 표현한 (매우 못생긴) 이미지를 만들었습니다.

이 (파란색 부분) 위의 사진과 같이 서로 옆에있는이 개 레이블을 얻을 작동 코드입니다.

<ion-item> 
    <ion-label>Label 1</ion-label> 
    <ion-label>Label 2</ion-label> 
    </ion-item> 

은 지금은 서로 옆에 두 이온 날짜 요소를 얻으려면, 그래서 나는이 시도.

<ion-item> 
    <ion-datetime></ion-datetime> 
    <ion-datetime></ion-datetime> 
    </ion-item> 

이

은 결과입니다.

이 예를 들어 이온 날짜 요소에 표시 할 데이터를 제공 할 코드가없는,하지만 내 프로젝트에있다.

누구든지 내가 어떻게 작동하는지 알 수 있습니까?

다음은 작동시키는 방법의 예입니다. 우리가 버그라고 생각해서 여기에보고했습니다. https://github.com/driftyco/ionic/issues/9818. 이 앱의 맥락에서 유효한 옵션인지 잘 모르겠습니다 만

<ion-list> 
    <ion-row> 
     <ion-col> 
     <ion-item> 
      <ion-label>Label 1</ion-label> 
     </ion-item> 
     </ion-col> 
     <ion-col> 
     <ion-item> 
      <ion-label>Label 2</ion-label> 
     </ion-item> 
     </ion-col> 
    </ion-row> 
    <ion-row> 
     <ion-col> 
     <ion-item> 
      <ion-datetime [(ngModel)]="startDate"></ion-datetime> 
     </ion-item> 
     </ion-col> 
     <ion-col> 
     <ion-item> 
      <ion-datetime [(ngModel)]="endDate"></ion-datetime> 
     </ion-item> 
     </ion-col> 
    </ion-row> 
    </ion-list> 

:

Answer 1

당신은 그 레이아웃 (또는 비슷한 이상) 달성 ion-row 및 ion-col 요소를 사용할 수 있습니다 .