如何从angular变量中拆分字符串值,并将其设置为两个html控件

How to split a string value from angular variable and set it to two html controls

本文关键字:设置 控件 html 两个 变量 angular 拆分 字符串      更新时间:2023-09-26

在Angular中,如何拆分一个变量的两个值,并将其设置为两个控件。如var date="3,2".split(',');变量'date'包含文本框和下拉列表的数据值。

<input id="txtDateBox" type="text" ng-model="response" value="3"/>
<select name="singleSelect" ng-model="data.singleSelect">
      <option>2</option>
</select> 

谢谢

创建一个过滤器来拆分您的数据。

myapp.filter('CommaSplitter', function(){
    return function(value){
        return value ? value.split(',') : undefined;
    }
});

然后使用它:

<select name="singleSelect" ng-model="data.singleSelect" ng-options="'Option ' + option for option in values | CommaSplitter">
</select>