【问题标题】:Set selected value for a dropdown in angular以角度设置下拉列表的选定值
【发布时间】:2015-11-12 03:15:47
【问题描述】:

我正在使用 angularjs 应用程序,我很难尝试在选择标记中设置选定的值。

注意,第二个选项有selected="selected"

我尝试了所有发布的解决方案,例如将文档类型设置为 html5,添加 autocomplete=off,在表单标签中添加名称。似乎没有任何效果。知道如何实现这一目标。

这是小提琴:https://jsfiddle.net/20cw7eqe/ 在那里工作正常。

但它不适用于 FF 或 Chrome。顺便说一句,我正在使用引导程序。

有什么解决方法吗?

【问题讨论】:

    标签: javascript angularjs twitter-bootstrap-3 angular-ui-bootstrap


    【解决方案1】:

    看看这个例子:http://plnkr.co/edit/Xc8Qrcr0AN4I2U0chbye?p=preview

    您可以在此处看到 select 标签的 2 个不同示例,适用于不同的型号。您可以使用与您的情况更相似的那个。

    只需在您的控制器中设置您想要选择的值。 ng-model 将完成其余的工作。

    我已经编辑了 plunker,因此您可以了解 ng-selected 的工作方式。这是包含的代码:

    <select required="true" ng-model="selected3">
        <option ng-repeat="option in options2" ng-selected="option == 'second'" >{{option}}</option>
    </select>
    

    【讨论】:

    • 感谢您的回答@Ignacio。这两个示例都运行良好,但出于某种原因,我的情况并非如此。也许是因为我正在使用 ngDialog,并且选择在那个弹出对话框中。但除此之外,问题是,为什么 selected="selected" 不起作用。
    • 你能用 ng-repeat 做一个更好的小提琴吗?我相信您在编译 ng-repeat 后复制了 angularjs 呈现的内容。
    • 你是对的。我正在复制渲染的角度。我正在按照您指出的方式使用 ng-selected 。因此,正如您在我的第二个选项中看到的那样,添加了 selected="selected" 的角度呈现正确。但出于某种奇怪的原因,该属性不受尊重。
    • 你能建立一个 plunker 完全按照你说的那样重现错误吗?
    猜你喜欢
    • 1970-01-01
    • 2020-06-25
    • 1970-01-01
    • 1970-01-01
    • 2012-06-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多