如何使离子项响应

Question

html的

  data    : {
          // define your properties here
          contact_email: '';
    },
  methods: {
     yourMethod: function(){
         //modify your properties here
         this.contact_email: IsEmail(params.contact_email)
       }
  }

从上面的代码中我得到的结构如下：

当我减小屏幕宽度时，它看起来如下

剪切内容并且内容和箭头之间没有固定的间隙，这是非常无响应的。 我怎样才能使其响应？

Answer 1

像 Suraj 指出尝试添加文字换行

 <ion-item>
    <div text-wrap>
       <p>User Name</p>
       <p>You can have a unique username</p>
    </div>
    <ion-icon item-right name="arrow-forward"></ion-icon>
</ion-item>