Headaer在离子项目中输入也没有显示

时间:2016-02-09 11:52:47

标签: ionic-framework

我使用离子文档的复制粘贴代码作为标头输入 http://ionicframework.com/docs/components/#bar-inputs

/libcocos2dxinternal.a: No space left on device
make: *** [obj/local/armeabi/libcocos2dxinternal.a] Error 1
make: *** Deleting file 'obj/local/armeabi/libcocos2dxinternal.a'
/Users/xxxxx/Downloads/android-ndk-r10e/toolchains/arm-linux-androideabi-4.9/prebuilt/darwin-x86_64/bin/../lib/gcc/arm-linux-androideabi/4.9/../../../../arm-linux-androideabi/bin/ar: ./obj/local/armeabi/libcocostudio.a: No space left on device
make: *** [obj/local/armeabi/libbullet.a] Error 1
make: *** Deleting file 'obj/local/armeabi/libbullet.a'
make: *** [obj/local/armeabi/libcocostudio.a] Error 1
make: *** Deleting file 'obj/local/armeabi/libcocostudio.a'
make: Leaving directory '/Users/xxxxx/Documents/android_projects/xxxxx/proj.android'
Error running command, return code: 2.

但我没有看到它。 我只希望我的标题在一个视图中成为搜索栏。

以下是视图代码的开头:

<div class="bar bar-header item-input-inset">
  <label class="item-input-wrapper">
   <i class="icon ion-ios-search placeholder-icon"></i>
   <input type="search" placeholder="Search">
  </label>
  <button class="button button-clear">
    Cancel
  </button>
</div>

1 个答案:

答案 0 :(得分:0)

您可以双向添加 Header Inputs

1)添加 index.html

<div class="bar bar-header item-input-inset">
    <label class="item-input-wrapper">
        <i class="icon ion-ios-search placeholder-icon"></i>
        <input type="search" placeholder="Search">
      </label>
    <button class="button button-clear">
        Cancel
      </button>
</div>
<ion-nav-view></ion-nav-view>

2)添加 index.html

<ion-nav-view></ion-nav-view>

并在您的模板页面中(例如template / home.html

<ion-view>
    <div class="bar bar-header item-input-inset">
        <label class="item-input-wrapper">
            <i class="icon ion-ios-search placeholder-icon"></i>
            <input type="search" placeholder="Search">
          </label>
        <button class="button button-clear">
            Cancel
          </button>
    </div>
    <ion-content>
        ...
    </ion-content>
</ion-view>

<强> Demo