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

Question

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

Answer 1

Look for open source reference
https://github.com/angular-ui/ui-select

Answer 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>