正确的方式来处理的角度UI消息提醒

Question

我一个朋友正在辩论的最佳实践来处理邮件推送到用户界面

下面是我如何处理它：

<div class='{{AlertClass}}' ng-show="AlertMessage != null">{{AlertMessage}}</div> 

和：

record.update($scope.account) 
    .$promise 
    .then(function (r) { 
     $scope.AlertMessage = "Success! Record has been saved." 
     $scope.AlertClass = "alert alert-success" 
    }, function (r) { 
     $scope.AlertMessage = "Error! Something didn't work." 
     $scope.AlertClass = "alert alert-error" 
    }); 

使用上述方法，我可以很容易地改变外观和消息到最终用户

如何永远我的朋友坚持正确的做法是沿着这条线

<div class='alert' ng-class='{ 'alert-error' : errorExists, 'alert-success' : success }">{{alertMessage}}</div> 

是否有优势吗？感觉就像我的方法更容易管理，更易于阅读。然而他的方法使用ng级

Answer 1

很确定其意见的问题。但我必须同意你的意见，或者至少不是你的朋友。为什么？因为它确实混淆了html标记。如果一堆html标签的填充程度如此之重，它实际上会使html的可读性变差。可读性越差，代码越难维护。

再次看了这个。最好的方法可能是使用受控模板。使用ng - 如果你可以模板出错或成功消息。这可以提供更好的可读性，保持简单而不混乱。