IE8上的角度显示,选择元素中的显示数据无法正常工作

艾玛

我试图用角构造一个公式,但在选择元素中显示数据不起作用...

formulary.cs.html:

    <table style="display: inline-block; float: left; max-width: 510px;">
        <tr data-ng-repeat="question in group.questions">
            <td>{{question.name}}</td>
            <td>
                 <div ng-switch on="question.control" style="display: inline-block;">
                     <div ng-switch-when="input">
                          <input type="text" style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}" placeholder="{{question.default_value}}" maxlength="{{question.max_length}}" />
                     </div>
                     <div ng-switch-when="textarea">
                      <textarea style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}" placeholder="{{question.default_value}}"></textarea>
                     </div>
                     <div ng-switch-when="checkbox">
                          <input type="checkbox" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}" />{{question.default_value}}
                     </div>
                     //MY PROBLEM HERE !
                     <div ng-switch-when="select">
                          <select style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}">
                                                <option ng-repeat="choice in question.default_value" value="{{choice.value}}">{{choice.name}}</option>
                          </select>
    
                          <select style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}" ng-model="question" ng-options="choice.value for choice in question.default_value">
                          </select>
    
                      </div>
                      <div ng-switch-when="p">
                           <p style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}"><b>{{question.default_value}}</b></p>
                      </div>
                      <div ng-switch-default>
                           <!-- default action -->
                      </div>
                  </div>
             </td>
             <td>
                  <div ng-if="question.unity_variable == true">
                       <select>
                           <option ng-repeat="unit in question.unity">{{unit.value}}</option>
                       </select>
                  </div>
                  <div ng-if="!question.unity_variable">
                       {{question.unity}}
                  </div>
             </td>
        </tr>
   </table>

我看过使用AngularJS,如何将<select>元素绑定到通过服务更新的属性

在我的浏览器中,显示标签,但不显示选择中的选项。

在左侧,方法:

<select style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}" ng-model="question" ng-options="choice.value for choice in question.default_value">
</select>

在右侧,方法:

<select style="width: {{ question.size }};" data-isnull="{{question.isnull}}" name="{{question.dbcolumn}}" id="{{question.dbcolumn}}">
      <option ng-repeat="choice in question.default_value" value="{{choice.value}}">{{choice.name}}</option>
</select>

在此处输入图片说明

请您能帮我发现我的错误吗?谢谢

尼科斯(Nikos Paraskevopoulos)

请勿ng-repeat与一起使用select/option此处描述的正确用法是:

<select ng-model="form.question"
    ng-options="choice.value as choice.name for choice in question.default_value">
</select>

为了使所选选项正确显示,choice.value零件必须等于定义的值ng-model(在上一个示例中form.question)。我不知道您的模型,让我们考虑一下:

question.default_value = [
    {name: "Alpha", value: "a"},
    {name: "Beta",  value: "b"}
];

如果为form.question === "a",则选择第一个选项。如果form.question === "b"第二,依此类推。您可以选择整个对象:

<select ng-model="form.question"
    ng-options="choice.name for choice in question.default_value">
</select>

在这种情况下,将form.questionas初始化为:

form.question = question.default_value[0];
// the index, in this example 0, is that of the selected element

在这种情况下,对象必须等于===; 不足以使其属性匹配。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

IE8上的角度显示,选择元素中的显示数据无法正常工作

来自分类Dev

在IE8中无法正常工作的元素上触发点击事件

来自分类Dev

在IE8上无法正常工作的jQuery

来自分类Dev

菜单在IE8上无法正常工作

来自分类Dev

显示CSS没有显示在@media上的IE 8,9中无法正常工作(最大宽度:786像素){}

来自分类Dev

rgba()在IE8中无法正常工作

来自分类Dev

字体无法在IE8中正常工作

来自分类Dev

CSS背景在IE8中无法正常工作

来自分类Dev

jQuery水印无法在IE8中正常工作

来自分类Dev

$('body')。on('blur')在IE8中无法正常工作

来自分类Dev

在IE8中,event.target无法正常工作

来自分类Dev

jQuery ie8 $(选择器).html(大数据)无法显示

来自分类Dev

IE8的jqplot无法正常工作

来自分类Dev

jQuery ajax查找数据无法在IE8中工作

来自分类Dev

似乎无法在IE8中正确显示iframe?

来自分类Dev

在IE8中无法正确显示网站菜单

来自分类Dev

角输入指令无法在IE8和IE9中正常工作

来自分类Dev

显示:没有在IE 9中无法正常工作

来自分类Dev

淡入和淡出效果在IE8上无法正常工作以使文本闪烁?

来自分类Dev

尽管有建议,Angular在ie8上仍无法正常工作

来自分类Dev

jQuery-ui自动完成功能在IE8中无法正常工作

来自分类Dev

jQuery-ui自动完成功能无法在IE8中正常工作

来自分类Dev

Modernizr无法正常工作(在IE8中应用fontface类)

来自分类Dev

VBS添加了Windows 7中的Internet Explorer(IE8)无法正常工作的问题

来自分类Dev

CSS列在IE9和IE8中无法正确显示

来自分类Dev

<td>中的旋转文本在Windows Internet Explorer 8(IE8)中无法正确显示

来自分类Dev

Js Animate无法在IE8上正常使用

来自分类Dev

:hover在IE8上无法正常运行

来自分类Dev

使用jQuery显示元素不会在IE8中压低页脚

Related 相关文章

  1. 1

    IE8上的角度显示,选择元素中的显示数据无法正常工作

  2. 2

    在IE8中无法正常工作的元素上触发点击事件

  3. 3

    在IE8上无法正常工作的jQuery

  4. 4

    菜单在IE8上无法正常工作

  5. 5

    显示CSS没有显示在@media上的IE 8,9中无法正常工作(最大宽度:786像素){}

  6. 6

    rgba()在IE8中无法正常工作

  7. 7

    字体无法在IE8中正常工作

  8. 8

    CSS背景在IE8中无法正常工作

  9. 9

    jQuery水印无法在IE8中正常工作

  10. 10

    $('body')。on('blur')在IE8中无法正常工作

  11. 11

    在IE8中,event.target无法正常工作

  12. 12

    jQuery ie8 $(选择器).html(大数据)无法显示

  13. 13

    IE8的jqplot无法正常工作

  14. 14

    jQuery ajax查找数据无法在IE8中工作

  15. 15

    似乎无法在IE8中正确显示iframe?

  16. 16

    在IE8中无法正确显示网站菜单

  17. 17

    角输入指令无法在IE8和IE9中正常工作

  18. 18

    显示:没有在IE 9中无法正常工作

  19. 19

    淡入和淡出效果在IE8上无法正常工作以使文本闪烁?

  20. 20

    尽管有建议,Angular在ie8上仍无法正常工作

  21. 21

    jQuery-ui自动完成功能在IE8中无法正常工作

  22. 22

    jQuery-ui自动完成功能无法在IE8中正常工作

  23. 23

    Modernizr无法正常工作(在IE8中应用fontface类)

  24. 24

    VBS添加了Windows 7中的Internet Explorer(IE8)无法正常工作的问题

  25. 25

    CSS列在IE9和IE8中无法正确显示

  26. 26

    <td>中的旋转文本在Windows Internet Explorer 8(IE8)中无法正确显示

  27. 27

    Js Animate无法在IE8上正常使用

  28. 28

    :hover在IE8上无法正常运行

  29. 29

    使用jQuery显示元素不会在IE8中压低页脚

热门标签

归档