简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
angular.js - 想用angular实现模拟select下拉框效果，如下图，但是不知道怎么去实现？
高洛峰
高洛峰 2017-05-15 17:00:11
0
2
457

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...

répondre à tous(2)
巴扎黑
巴扎黑2017-05-15 17:02:11 2 plancher

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

Comme +0
Ajouter une réponse
左手右手慢动作
左手右手慢动作2017-05-15 17:02:11 1 plancher

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>
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！