正确的方式来处理的角度UI消息提醒
问题描述:
我一个朋友正在辩论的最佳实践来处理邮件推送到用户界面正确的方式来处理的角度UI消息提醒
下面是我如何处理它:
<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级
答
很确定其意见的问题。但我必须同意你的意见,或者至少不是你的朋友。为什么?因为它确实混淆了html标记。如果一堆html标签的填充程度如此之重,它实际上会使html的可读性变差。可读性越差,代码越难维护。
再次看了这个。最好的方法可能是使用受控模板。使用ng - 如果你可以模板出错或成功消息。这可以提供更好的可读性,保持简单而不混乱。