离子2离子选择不能在离子卡中工作

Question

我使用的是离子选择离子卡2时不显示离子卡的离子选择。请参阅下面我的代码：

<ion-content> 
    <ion-list> 
    <ion-item> 
     <ion-card> 
      <ion-label>Quantity</ion-label> 
      <ion-select> 
      <ion-option value="nes">0</ion-option> 
      <ion-option value="n64">1</ion-option> 
      <ion-option value="ps">2</ion-option> 
      <ion-option value="genesis">3</ion-option> 
      <ion-option value="saturn">More</ion-option> 
      </ion-select> 
     </ion-card> 
    </ion-item> 
    </ion-list> 
</ion-content> 

如果我删除离子卡一切正常。这是一个离子2的错误还是我错过了什么？

Answer 1

与您的代码的问题是ion-card组件不应该在ion-item里面去。正如你可以看到this working plunker，你可以改变它这样，使其工作：

<ion-content> 

    <ion-card> 
    <ion-item> 
     <ion-label>Quantity</ion-label> 
     <ion-select> 
     <ion-option value="nes">0</ion-option> 
     <ion-option value="n64">1</ion-option> 
     <ion-option value="ps">2</ion-option> 
     <ion-option value="genesis">3</ion-option> 
     <ion-option value="saturn">More</ion-option> 
     </ion-select> 
    </ion-item> 
    </ion-card> 

</ion-content> 

也请注意，我已经放置在标签和ion-item内的选择元素。

Answer 2

试卡里面的内容<ion-card-content></ion-card-content>

<ion-content> 
     <ion-list> 
     <ion-item> 
      <ion-card> 
       <ion-label>Quantity</ion-label> 
       <ion-card-content> 
       <ion-select> 
       <ion-option value="nes">0</ion-option> 
       <ion-option value="n64">1</ion-option> 
       <ion-option value="ps">2</ion-option> 
       <ion-option value="genesis">3</ion-option> 
       <ion-option value="saturn">More</ion-option> 
       </ion-select> 
      <ion-card-content> 
      </ion-card> 
     </ion-item> 
     </ion-list> 
    </ion-content>