问题:
I am trying to show / hide some HTML using the ng-show
and ng-hide
functions provided by AngularJS . 我试图使用AngularJS提供的ng-show
和ng-hide
函数显示/隐藏一些HTML。
According to the documentation, the respective usage for these functions are as follows: 根据文档,这些功能的各自用法如下:
ngHide – {expression} - If the expression truthy then the element is shown or hidden respectively. ngHide – {表达式}-如果表达式为true,则分别显示或隐藏该元素。 ngShow – {expression} - If the expression is truthy then the element is shown or hidden respectively. ngShow – {表达式}-如果表达式为真,则分别显示或隐藏该元素。
This works for the following usecase: 这适用于以下用例:
<p ng-hide="true">I'm hidden</p>
<p ng-show="true">I'm shown</p>
However, should we use a parameter from an object as the expression then the ng-hide
and ng-show
are given the correct true
/ false
value but the values are not treated as a boolean so always return false
: 但是,如果我们使用对象中的参数作为表达式,则ng-hide
和ng-show
会获得正确的true
/ false
值,但这些值不会被视为布尔值,因此始终返回false
:
Source 资源
<p ng-hide="{{foo.bar}}">I could be shown, or I could be hidden</p>
<p ng-show="{{foo.bar}}">I could be shown, or I could be hidden</p>
Result 结果
<p ng-hide="true">I should be hidden but I'm actually shown</p>
<p ng-show="true">I should be shown but I'm actually hidden</p>
This is either a bug or I am not doing this correctly. 这是一个错误,或者我没有正确执行此操作。
I cannot find any relative information on referencing object parameters as expressions so I was hoping anyone with a better understanding of AngularJS might be able to help me out? 我找不到将对象参数作为表达式引用的任何相关信息,所以我希望对AngularJS有更好理解的任何人都可以对我有所帮助?
解决方案:
参考一: https://en.stackoom.com/question/qrjx参考二: https://stackoom.com/question/qrjx