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>