如何在AngularJS中使用下拉框

如何在AngularJS中使用下拉框?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

创新互联建站提供网站设计制作、成都做网站、网页设计,品牌网站制作一元广告等致力于企业网站建设与公司网站制作,10多年的网站开发和建站经验,助力企业信息化建设,成功案例突破上1000家,是您实现网站建设的好选择.

HTML正文:



等价于:


{{item.site}} 你选中的选址:{{selectedSIte}}

你选中的选址:{{selectedSite}}
你选择的值是: {{AAAA}}

Javascript操作代码:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.names = ["Google", "Baidu", "Taobao"];
$scope.sites = [{
 site : "Google", url : "http://www.google.com"},
{site : "Baidu", url : "http://www.baidu.com"},
{site : "Taobao", url : "http://www.taobao.com"} ];
});

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


当前名称:如何在AngularJS中使用下拉框
文章源于:http://bzwzjz.com/article/jccieo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 营销型网站建设 温江网站设计 网站建设开发 攀枝花网站设计 成都网站建设 成都网站设计 成都网站设计制作公司 成都响应式网站建设 营销型网站建设 教育网站设计方案 移动手机网站制作 重庆电商网站建设 成都网站建设 企业手机网站建设 高端网站设计 商城网站建设 成都定制网站建设 成都网站建设公司 app网站建设 网站建设改版 响应式网站建设 成都营销网站建设