我想能够添加一个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
您可以对此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');