如何通过角度控制器在视图上显示错误消息

时间:2015-06-24 09:19:34

标签: angularjs

我必须在我的html页面上显示有关唯一验证检查的错误消息。我在$ scope变量上设置了错误消息。但是我没有得到如何在html页面上显示错误消息。

这是我的控制器代码,我在其中设置错误消息,如:

$scope.error=="Name already in use"

这是我的html页面,我想在其中显示错误消息:

<!--I am showing msg like this but the poblem is when the page is being loaded {} comes. -->
<span class="error" ng-show="error"> {{error}}</span>

仅当出现一些错误消息时,如何显示错误消息。请为此提出一些建议。

enter image description here

2 个答案:

答案 0 :(得分:2)

试     &LT; span ng-bind =“error”&gt;&lt; / span&gt;“

如果没有错误,您需要将null或空值重新分配给范围的错误变量。

答案 1 :(得分:2)

来自docs

  

ngCloak指令用于防止浏览器在加载应用程序时以原始(未编译)形式短暂显示Angular html模板。使用此指令可避免由html模板显示引起的不良闪烁效应。

<span class="error" ng-show="error" ng-cloak> {{error}}</span>

或者我猜你已经在某个地方初始化了$scope.error='{}',如果是这样的话就将其删除。