javascript - 如何传递逗号分隔的字符串来选择 Angular js 中的选项

标签 javascript angularjs

我有这个 Json:

        {
                "field_id": "4otBG",
                "label": "Fullness",
                "type": "dropdown",
                "props": {
                    "req": "true",
                    "options": "Empty-ish, Plenty of Seats, Few Seats, Standing, Packed Like Sardines"
                }
            }

如何将选项传递给选择选项,因为它是逗号分隔的字符串请帮助我..

最佳答案

假设您已在 $scope.data 中获取数据

$scope.optionsplit =  $scope.data.props.options.split(',');

在 View 中

<select name="yourinput">
   <option ng-repeat="o in optionsplit" value="{{o}}">{{o}}</option>
<select>

或者使用 ng-options

<select ng-options="o for o in optionsplit">

</select>

或者你可以为其制作一个过滤器

filter('commaspliter', function() {
    return function(input) {
    return input.split(',');
    } 
  });

在 View 中

<select name="yourinput">
<option ng-repeat="o in data.props.options | commaspliter"></option>
 </select>

关于javascript - 如何传递逗号分隔的字符串来选择 Angular js 中的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27625894/

相关文章:

Javascript - 替换特殊字符之间的文本

javascript - 如何从一个页面重定向到另一个页面

javascript - 转换包含对象的对象

javascript - 在样板文件中实现 Ajax

javascript - 用 Canvas 绘图时如何在两点之间进行插值?

javascript - 如何读取 Angular 模块中的 json 配置文件?

javascript - Angularjs 重新加载页面内容而不实际重新加载页面

javascript - 我应该使用什么方法进行客户端过滤?

javascript - 在服务中使用 Angular $http 触发 ng-click

javascript - 尝试将 $scope.$watch 与 controllerAs 一起使用