Here is the main code of the view:
<div class="list">
<div class="item item-input">
<i class="icon ion-ios7-heart placeholder-icon"></i>
<textarea placeholder="please input some text"
rows="5" cols="10" required ng-model="opt.text">
</textarea>
<button class="button button-clear icon ion-android-close"
ng-show="opt.text" ng-click="opt.text=''"></button>
</div>
</div>
It works on desktop-browser. But on the device(android 4.0.4), the textarea takes all the space, and the clear button does not show. Well, with beta 9, there is no such problem.