angular.js - 想用angular实现模拟select下拉框效果,如下图,但是不知道怎么去实现?
高洛峰
高洛峰 2017-05-15 17:00:11
[AngularJS讨论组]

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

高洛峰
高洛峰

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

全部回复(2)
巴扎黑

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

ringa_lee

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>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号