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

【问题标题】：How to assign an HTML attribute value from a database?如何从数据库中分配 HTML 属性值？
【发布时间】：2016-11-04 18:05:21
【问题描述】：

我有一个 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 数据库。

【问题讨论】：

什么已经尝试过？

标签： php html mysql css angularjs

【解决方案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 绑定的那样。

【讨论】：

【解决方案2】：

试试这个

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

【讨论】：