如何從數據庫中分配HTML屬性值？

我有一個定義按鈕的HTML <a>標籤。我想根據數據庫中的條目更改按鈕顏色。我想知道這裏應該使用什麼方法。如何從數據庫中分配HTML屬性值？

以下是我的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數據庫。

來源

2016-11-02 Rostho

什麼已經試過嗎？ –

看看ngClass。

你可以做類似

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

這裏的想法是結合基礎上的模型類，就像你會爲ng-if或ng-click。

來源

2016-11-02 18:35:18

試試這個

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

來源

2016-11-04 10:05:21

如何從數據庫中分配HTML屬性值？

回答

相關問題