首页 > 其他 > 详细

angular 中自己常用的下拉框获取值方法

时间：2018-07-28 18:02:51 阅读：158 评论：0 收藏：0 [点我收藏+]

方法一

HTML页中

<select name="" id="if02" data-first-option="true" (change)="getChange($event.target.value)">

　　<option value="-1">--请选择--</option>

　　<option [value]="true">是</option>

　　<option [value]="false">否</option>

</select>

ts中

getChange(val: number) {

　　console.log(val);

　　if(val==1){

　　　　this.currentRow.condition01 = "true";

　　　　}else if(val==0){

　　　　this.currentRow.condition01 = "false";

　　}

}

方法二

html中

<select class="btn btn-outline-primary" name="if03" id="if03" [(ngModel)]="currentRow.condition03" style="height: 40px;;width: 130px">

　　<option [ngValue]="1">是</option>

　　<option [ngValue]="0">否</option>

</select>

其中

currentRow.condition03 是数据源的一个字段实际上是和数据库的某个字段绑定

不理解数据源的话可以

在ts中定义一个变量然后[(ngModel)]="定义的变量" 即可

angular 中自己常用的下拉框获取值方法

原文：https://www.cnblogs.com/Samuel-Leung/p/9382593.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)

最新文章

更多>

教程昨日排行

更多>

友情链接

汇智网 PHP教程插件网

关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com

© 2014 bubuko.com 版权所有

打开技术之扣，分享程序人生！