angulaire.js - Je souhaite utiliser angulaire pour simuler l'effet de la liste déroulante de sélection, comme indiqué ci-dessous, mais je ne sais pas comment y parvenir ?

Question

Lorsque l'utilisateur clique sur le p (A) de « Wuhan », une liste déroulante p (B) apparaîtra. Le contenu en B est généré dynamiquement. Cliquez ensuite sur n'importe quel contenu en B, puis attribuez-le. vers la zone A., puis B est masqué.

Answer 1

Recherchez une référence open source
https://github.com/angular-ui/ui-select

Answer 2

contrôleur：

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

html

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