提问者:小点点

angularjs+如何将css类应用于消息文本,基于http post响应


我想能够添加一个CSS类的文本颜色的消息的基础上的响应。

目前我是这样做的:

if (response.data.status == 201) {
    angular.element(document.getElementById("msg")).css("color", "green");
    $scope.msg = 'Users created for Meeting ' + r.id
        + ' on ' + $filter('date')(r.updated_at, 'M/d/yyyy')
        + ' at ' + $filter('date')(r.updated_at, 'HH:mm:ss');
    console.log("Status Code= " + response.data.status + ", Status Text= " + response.data.message);
    return true;
}
else {
    angular.element(document.getElementById("msg")).css("color", "red");
    $scope.msg = r.message;
    angular.element("#meeting-id").focus()
    console.log("Status Code= " + response.data.status + ", Status Text= " + response.data.message);
    
    return false;
}                        

而且它可以工作,但是现在我有两个类,可以添加到成功和错误消息中。 我需要弄清楚如何添加它们,这样我就可以移除将文本更改为红色或绿色的style属性。

类的名字是:

•   Success: “text-green”

•   Error: “text-red”

正确做到这一点的方法是什么?

任何帮助都很好。

谢谢你,Erasmo


共1个答案

匿名用户

您可以对此https://docs.angularjs.org/api/ng/directive/ngclass使用ng-class

    <div ng-class="{'text-success':response == 201,'text-danger':response != 201}">
        <h1>Welcome Home!</h1>
        <p>I like it!</p>
    </div>

使用ClassList.Add:

对于成功消息,您可以使用

     angular.element(document.getElementById("msg")).classList.add('green');

对于错误消息,您可以使用

angular.element(document.getElementById("msg")).classList.add('red');