【问题标题】:How can I set ng-style attribute to be equal to object value?如何将 ng-style 属性设置为等于对象值?
【发布时间】:2014-12-02 21:42:08
【问题描述】:

我需要将输出文本的颜色设置为选定的颜色,我发现我应该使用 ng-style 但我不知道如何。

Plunker 代码:

<html>http://plnkr.co/edit/XFCMcjwYtxIInc8lMQaC?p=preview</html>

例如,当您创建组时,您会得到组名 - selectedcolorfromform,我需要组名以所选颜色着色

【问题讨论】:

    标签: javascript css angularjs angularjs-scope angular-ui


    【解决方案1】:

    只需添加ng-style="{color : model.color}"

    在此处查看示例:https://docs.angularjs.org/api/ng/directive/ngStyle

    http://plnkr.co/edit/rOUwOUR1s3OPHsnG2Qh0?p=preview

    【讨论】:

    • 我需要组名以选定的颜色着色,但不是在表单字段中,而是在输出中。创建组后,您会在页面上的空白处获得组名 - selectedcolorfromform,我需要组名以所选颜色着色
    猜你喜欢
    • 2011-09-02
    • 1970-01-01
    • 2015-09-17
    • 1970-01-01
    • 2021-04-24
    • 1970-01-01
    • 2013-06-30
    • 2017-03-02
    • 2015-10-22
    相关资源
    最近更新 更多