ng-show无法在angularjs上使用,div仍处于隐藏状态

时间:2019-12-05 09:38:46

标签: javascript html angularjs

我正在将响应数据分配给$ scope,但是具有ng-show的div仍处于隐藏状态。我对angularjs不满意,这是怎么回事?

else {
         debugger;
         $scope.exception = data.exception; //data arrives correctly

和html

<div class="error-text"  ng-show="exception.code">

但是它不起作用并且控制台上没有显示错误

2 个答案:

答案 0 :(得分:1)

ng-show指令对truthyfalsy值进行运算。

如果exception缺少code属性,则该元素将不会显示自己。

尝试:

 ̶<̶d̶i̶v̶ ̶c̶l̶a̶s̶s̶=̶"̶e̶r̶r̶o̶r̶-̶t̶e̶x̶t̶"̶ ̶ ̶n̶g̶-̶s̶h̶o̶w̶=̶"̶e̶x̶c̶e̶p̶t̶i̶o̶n̶.̶c̶o̶d̶e̶"̶>̶
 <div class="error-text"  ng-show="exception">
     exception = {{exception}}
 </div>

有关更多信息,请参见

答案 1 :(得分:-1)

'ng-show'适用于布尔值,因此您只需要设置 $ scope.exception.code = true; ,确保您的对象位于异常范围内具有名称为“ code”的布尔键。

因此您的JS代码将如下所示:

else {
         debugger;
         $scope.exception = data.exception;//data arrives correcly
         $scope.exception.data = true;
}