成都网站建设设计

将想法与焦点和您一起共享

如何在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://chengdu.cdxwcx.cn/article/jccieo.html

其他资讯