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 - 使用 Angular 将文件复制到服务器

javascript - angularJS:在哪里放置注销逻辑更好?

javascript - Angularjs 使用 forEach

javascript - 在不使用本地存储的情况下,在手机上存储复选框状态 7 天的最佳(最简单)方法是什么

javascript - phantomjs rasterize.js 在渲染为 pdf 时不应用来自外部 css 的样式

javascript - 在鼠标单击事件上停止音轨

html - 在 Electron 应用程序中将 div 内容从浏览器窗口中移出

javascript - 没有全局变量的变量范围和共享信息

javascript - 如果 firebase 上已存在 key ,如何阻止 collection() 设置

javascript - 将变量传递并保留到下一页 - AngularJS