1. 程式人生 > >ionic(下拉框問題)

ionic(下拉框問題)

最近在改ionic框架,剛開始是在谷歌手機模式除錯的時候,select下拉框點不開,無法選值,檢查看了看不是沒有值,是下拉框的位置發生了改變,造成錯覺一直以為下拉框打不開,解決辦法是在select最外層的div上加data-tap-disabled="true",並且ionic的版本必須是1.3.2以上的,最後我們選擇升級版本,升級版本有可能導致之前的頁面受影響,所以可以在新版本的檔名上加上版本號,都引入到頁面上。

還有一個問題是,在移動端滑動頁面的時候,觸控在select上頁面無法滑動,這個解決了,但是不知道為什麼是這樣的,原檔案的程式碼:

<label class="item item-input item-select">
	<span class='lable'><span style="color:red">*</span>企業證件型別:</span>
	<select ng-model="$parent.enterpriseIdType" id="enterpriseIdType" name="enterpriseIdType" ng-change=changeType($parent.enterpriseIdType)>
		<option ng-repeat="dict in comCardType" value="{{dict.itemCode}}" ng-selected="{{dict.itemCode==enterpriseIdType}}">{{dict.itemName}}</option>
	</select>
</label>

修改後:

<div class="item item-input item-select">
    <div class='lable'><span style="color:red">*</span>企業證件型別:</div>
    <select ng-model="$parent.enterpriseIdType" id="enterpriseIdType" name="enterpriseIdType" ng-change=changeType($parent.enterpriseIdType)>
	<option ng-repeat="dict in comCardType" value="{{dict.itemCode}}" ng-selected="{{dict.itemCode==enterpriseIdType}}">{{dict.itemName}}</option>
    </select>
</div>

相關推薦

ionic問題

最近在改ionic框架,剛開始是在谷歌手機模式除錯的時候,select下拉框點不開,無法選值,檢查看了看不是沒有值,是下拉框的位置發生了改變,造成錯覺一直以為下拉框打不開,解決辦法是在select最外層的div上加data-tap-disabled="true",並且ioni

Jenkins中動態獲取git分支

def gettags = ("git ls-remote -h https://ip:port/xxx/xxx.git").execute()gettags.text.readLines().collect { it.split()[1].replaceAll('refs

Jquery外掛帶本地模糊搜尋值的外掛jquery.searchableSelect.js

jquery.searchableSelect.css需要引入的js和Css   <script src="/js/plugins/searchableSelect/jquery.searchableSelect.js"></script> <link h

使用vue+element實現表格的新增、編輯、刪除功能Vue開發二

幾天前,需要做一個需求:新增一個xml檔案時,新增數量不確定、屬性相同的xml標籤,想了想可以用表格做啊,屬性相同,使用統一的表頭,下面的屬性值只是進行增刪改不就行了,就類似於mysql給表裡填資料一樣。 可是目前似乎還沒有表格的直接增刪改一行的操作,那要怎麼實現呢?於是,通過上網以及自己的思考

java操作poi生成excel.xlsx設定下載本地和前端下載

需求:匯入excel表格,如果excel有錯誤,將錯誤的地方標紅,在把資料以excel的形式寫出,供使用者下載 解決方案:1.以實體類的方式接收excel並解析(建立兩個集合一個接收正常的資料一個接收錯誤的資料) 2.錯誤集合無論正確錯誤資料都要儲存,並記錄是否有誤(錯誤資料

ComboGrid資料表格[分頁+搜尋+多選]

注意:後臺控制層接收該控制元件的引數名必須是  //likeName:根據需求可有可無需要模糊條件查詢時新增 (String likeName,Integer page, Integer rows

freemaker中下動態和靜態的塞值,回顯

靜態下拉,靜態的情況下把所有靜態的可能都列出來,判斷返回的值是否等於option中的值,如果相等就顯示那行,??是判斷不為空: <label class="control-label">所在端:</label>

Bootstrap Select控制元件

Bootstrap Select:下拉框控制元件 官方網站 http://silviomoreto.github.io/bootstrap-select/ 本章完全解讀官方文件後所寫,包含樣式與事件介紹與使用。 因為CSDN文章容易樣式問題,所以我把程式碼提供出來,複製到空

結合zTree實現 Js/jQuery/Html 嵌入樹結構

一、效果圖  二、專案結構 三、使用方法 (1)引入 jQuery 包,下載地址 (2)引入 zTree 包,下載地址 (3)引入 tree-select.js (4)$("#id").treeSelect(data); 一句話搞定 四、實現原始

Python中tkinter中控件的使用3.Combobox

text var port inter select 默認值 bin pytho ren import tkinterfrom tkinter import ttkwin = tkinter.Tk()win.title("Combobox下拉框")win.geometry(

微信小程式scroll-view滾動元件與onPullDownRefresh重新整理

一.官方api描述  在滾動 scroll-view 時會阻止頁面回彈,所以在 scroll-view 中滾動,是無法觸發 onPullDownRefresh  查閱大量資料以後發現一共有三種方式: 1.使用view代替scroll-v

PullToRefresh重新整理

1. 匯入PullToRefresh 1.1 修改library的build.gradle中的sdk版本 //修改前 compileSdkVersion 16 buildToolsVersion “27.0.3” defaultConfig { mi

彈出式選單選單實現——PopupMenu

PopupMenu代表彈出式選單,它會在指定元件上彈出PopupMenu,預設情況下,PopupMenu會顯示在該元件的下方或上方。PopupMenu可增加多個選單項,並可為選單項增加子選單。 使用PopupMenu建立選單的步驟非常簡單,只要如下步驟即可。 呼叫new PopupMenu(Context c

Android基礎----Spanner列表

                          Spanner(下拉列表) 實現:activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

隨筆記錄 ionic裡整合H5輸入過濾

效果: 實現: <label>請選擇:</label> <inputtype="text"id="txt_ide"list="ide" /> <data

模擬select之多選數據源采用模擬Ajax數據--原創

bbb n) nowrap pac inner sel cte spl innerhtml 最近需要一個下拉多選,本來想偷懶的,所以在網上百度了一番,最終還是發現沒有一個符合自己要求的,所以我自己寫了一個插件。下面是GIF動態效果圖展示 相信大家已經看到效果了,接下來

一個常見的css

absolute html color align z-index font ext css ado <!DOCTYPE html><html> <head> <meta charset="utf-8"> <titl

Spring MVC-表單Form標簽-Dropdown示例轉載實踐

getcount pap number ima mvc框架 ati 讓我 lec 第一個 以下內容翻譯自:https://www.tutorialspoint.com/springmvc/springmvc_dropdown.htm 說明:示例基於Spring MVC 4

NGUI的的使用popup list script

list 右鍵 tac nbsp 分享圖片 gpo ngui 使用 對象 一,我們先添加一個sprite,選擇sprite,右鍵選擇attach,添加box collider, 然後右鍵選擇attach,添加popup list script ,我們給popup list

處理select

mds 對象 鏈接 分享圖片 自動化測試 導入 class 分享 clas 轉:http://www.imdsx.cn/index.php/2017/12/04/select/ 在UI自動化測試過程中,經常會遇到一些下拉框,我們有三種可選方式來操作下拉框。 第一種方法