想用angular实现模拟select下拉框效果，如下图，但是不知道怎么去实现？

当用户去点击“武汉”这个div（A）的时候，出来一个下拉框div（B），B里面的内容是动态生成的，然后点击B里面任意一个内容，然后就赋值到A这个区域，然后B隐藏掉了。

---

controller：

$scope.names = [{
    name: 'tom'
},{
    name: 'jack'
},{
    name: 'xiaoming'
}];

html

<div>
    <select ng-options="names.name for names in names">
        <option value="">请选择</option>  <!-- 直接用模型值第一个会为空，所以这里填充第一个 -->
    </select>
</div>

---

找开源的参考吧
https://github.com/angular-ui/ui-select