如何在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号
友情链接: 定制网站设计 攀枝花网站设计 达州网站设计 成都网站建设 企业网站设计 高端网站建设 成都网站设计 外贸网站建设 成都响应式网站建设 古蔺网站建设 成都响应式网站建设 专业网站设计 成都网站制作 营销网站建设 教育网站设计方案 LED网站设计方案 响应式网站设计 成都网站制作 网站建设公司 响应式网站建设 梓潼网站设计 成都响应式网站建设公司