91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Ionic3 UI組件之autocomplete詳解

發布時間:2020-10-20 09:03:14 來源:腳本之家 閱讀:182 作者:tomKart 欄目:web開發

無論是web開發還是app開發,autocomplete是常用組件之一。

可惜截止到目前,ionic官方并未提供此組件。

ionic2-autocomplete是GitHub上的開源的Ionic2組件,本文將講解如何在自己的項目中使用它。

組件地址https://github.com/kadoshms/ionic2-autocomplete

1)npm install ionic2-auto-complete --save

2)打開app.module.ts,添加:import { AutoCompleteModule } from 'ionic2-auto-complete';

并且在imports數組里面增加AutoCompleteModule

3)打開app.scss,添加:@import "../../node_modules/ionic2-auto-complete/auto-complete";

4)直接找你的page中使用組件:<ion-auto-complete></ion-auto-complete>

5)給autocomplete添加dataProvider:寫一個service來從后臺獲取數據,ionic g provider autocomplete-service,

代碼如下:

Ionic3 UI組件之autocomplete詳解

別忘了在app.module.ts中增加:

import{AutocompleteServiceProvider}from'../providers/autocomplete-service/autocomplete-service';

并且在providers數組中增加AutocompleteServiceProvider。

7)在你使用autocomplete組件的page ts文件中,增加:

import{AutocompleteServiceProvider}from'../../providers/autocomplete-service/autocomplete-service';constructor構造函數中增加:publicautocompleteSer:AutocompleteServiceProvider

8)在剛剛使用ion-auto-complete的地方修改為:<ion-auto-complete[dataProvider]="autocompleteSer"></ion-auto-complete>9)

ionic serve看看效果吧。

Ionic3 UI組件之autocomplete詳解

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

宁远县| 东平县| 梁河县| 英德市| 建水县| 邵阳市| 花莲县| 东平县| 临西县| 双城市| 滨州市| 广水市| 五峰| 汉沽区| 昭通市| 遂溪县| 永清县| 巴彦淖尔市| 扶风县| 开江县| 察隅县| 天镇县| 西乌珠穆沁旗| 荥阳市| 佛山市| 若尔盖县| 伊金霍洛旗| 广南县| 宜章县| 平遥县| 滦南县| 东方市| 集安市| 霍邱县| 乐陵市| 乌苏市| 岳普湖县| 黄陵县| 成武县| 河池市| 中山市|