angular.js - 想用angular實現模擬select下拉框效果，如下圖，但是不知道怎么去實現？

問題描述

當用戶去點擊“武漢”這個p（A）的時候，出來一個下拉框p（B），B里面的內容是動態生成的，然后點擊B里面任意一個內容，然后就賦值到A這個區域，然后B隱藏掉了。

問題解答

找開源的參考吧https://github.com/angular-ui/ui-select

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>