javascript - 如何在 Angular .js 中显示下拉菜单(已应用选择它而不显示)

标签 javascript jquery angularjs angularjs-directive angularjs-ng-repeat

我正在尝试使用 json 来选择选项。我不知道为什么它不显示。我使用了 select 然后在里面使用了选项标签..

 <div ng-switch-when="SWITCH">
           <select name="selectedFacilityId" ng-model="outputs[input.name]">
     <option ng:repeat="v in inputValues" value="{{v}}">{{v}}</option>
 </select>
            </div>

笨蛋 http://plnkr.co/edit/EM3tqekUxaiUZA1b7Fk4?p=preview

  angular.forEach($scope.formInputs, function(value, key) {
    /* do something for all key: value pairs */


    $scope.inputs.push({"inputValues":value.inputValues,"type":value.inputType.toLowerCase(),"name":value.name,"required": value.required})
    });

最佳答案

链接到工作插件 - http://plnkr.co/edit/ynrulC71EK1qn3p2qo8R?p=preview

1) 您在“ng-switch-when”指令中使用了“SWITCH”而不是“switch”。在您的 $scope 中,该值是小写的。

<div ng-switch-when="switch"> .. </div>

2) Ng-repeat 指令现在使用键值形式:

<option ng-repeat="(k,v) in input.inputValues" value="{{k}}">{{v}}</option>

关于javascript - 如何在 Angular .js 中显示下拉菜单(已应用选择它而不显示),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25228580/

相关文章:

javascript - 在加载时进行 jquery keyup 计算的最有效方法

angularjs - Angular Material 中的 md 菜单行为

php - 保护/验证对服务器的 JSON 请求

javascript - jQuery 仅在单击“按住”时监听

javascript - 在可编辑的 div 中使用多维数组?

javascript - 您可以检查 $(this).addClass ('selected' ) 是否已添加到 jquery 中

angularjs - 上传文件并发送数据 AngularJS + WebAPI

javascript - 模板中带有 ng-if 的 angularjs 指令

javascript - ValidateAntiForgeryToken 由于 AJAX 调用而失败

javascript - JS - 涉及烫发检查的 codility 类(class)