Question

我有一个HTML <a>标记，其中定义了一个按钮。我想根据数据库中的条目更改按钮颜色。我想知道这里应该使用什么方法。

以下是我的HTML代码。我想覆盖CSS中定义的btn-orange颜色。我的业务逻辑不允许我在这里硬编码颜色。

<a ng-href="{{user.id == user_id ? site_url+'message' : 'javascript:void(0);'}}" class="btn btn-orange btn-block send-message" id="user{{event_users.indexOf(user)}}" ng-if="redirect && loged_in_user"
        data-reciver-image="{{user.profile_picture}}" 
        data-reciver-name="{{user.first_name+' '+user.last_name}}" 
        data-reciver-id="{{user.id}}" data-sender-image="{{loged_in_user.profile_picture}}"     
        data-from-profile-id="{{loged_in_user.profile_id}}" 
        data-to-profile-id="{{user.profile_id}}"
        ng-if="loged_in_user" ng-click="showMEssageBox('#user'+event_users.indexOf(user), user.id)">
    {{user.id == user_id ? 'My Messages' : 'Message'}}
</a>

我正在使用MySQL数据库。

Answer 1

查看ngClass。

您可以执行类似

的操作

<a ng-class="{'btn-red': user.id < 5, 'btn-orange': user.id > 5}"
 class="btn btn-block send-message">

这里的想法是基于模型绑定类，就像您对ng-if或ng-click一样。

Answer 2

尝试这个

<a ng-class=" {{user.id < 5 ? 'btn-red' : 'btn-orange'}} "
 class="btn btn-block send-message">

如何从数据库中分配HTML属性值？

2 个答案: