文章詳情頁
angular.js - 想用angular實(shí)現(xiàn)模擬select下拉框效果,如下圖,但是不知道怎么去實(shí)現(xiàn)?
瀏覽:195日期:2024-10-04 14:07:38
問題描述
當(dāng)用戶去點(diǎn)擊“武漢”這個p(A)的時候,出來一個下拉框p(B),B里面的內(nèi)容是動態(tài)生成的,然后點(diǎn)擊B里面任意一個內(nèi)容,然后就賦值到A這個區(qū)域,然后B隱藏掉了。
問題解答
回答1:找開源的參考吧https://github.com/angular-ui/ui-select
回答2:controller:
$scope.names = [{ name: ’tom’},{ name: ’jack’},{ name: ’xiaoming’}];
html
<p> <select ng-options='names.name for names in names'><option value=''>請選擇</option> <!-- 直接用模型值第一個會為空,所以這里填充第一個 --> </select></p>
上一條:angular.js - angularjs在兩個controller之間傳值,使用factory,為何不成功?下一條:angular.js - angular實(shí)現(xiàn)后臺管理,導(dǎo)航路徑與菜單導(dǎo)航關(guān)聯(lián)
相關(guān)文章:
1. CSS3 畫如下圖形2. c++ - vs2015+win10調(diào)試時出現(xiàn)如下圖3. javascript - 引用js,換個文件夾路徑,就報(bào)錯,如下圖和代碼4. css3 - 如何給select子元素添加橫線樣式??如下圖5. angular.js - 我想實(shí)現(xiàn)打印angular $scope數(shù)據(jù),代碼如何實(shí)現(xiàn)呢?求教(如下圖)6. css3 - border-bottom 的長度可否超過盒子的寬度呢?實(shí)現(xiàn)如下圖效果。(我的書下面的線)7. css3 - 如何做一個彈出框給背景設(shè)置透明,如下圖
排行榜

熱門標(biāo)簽