Angularjs Angular:ng show的工作原理_Angularjs

Angularjs Angular:ng show的工作原理

angularjs

Angularjs Angular:ng show的工作原理,angularjs,Angularjs,这里有一个小例子 <!DOCTYPE html> <html ng-app> <head> <title>Hello World, AngularJS</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

这里有一个小例子

<!DOCTYPE html>
<html ng-app>
<head>
    <title>Hello World, AngularJS</title>
    <script type="text/javascript"
        src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

</head>
<body>

    Write some text in textbox:
    <input type="text" ng-model="sometext" />

    <h1 ng-show="sometext">Hello {{ sometext }}</h1>

</body>
</html>


你好，世界，安格拉斯
在文本框中写入一些文本：
你好{{sometext}}

程序运行时，

标记不显示，因为sometext返回false到ng show

为什么sometext返回false？因为某些文本为空或未分配？

指令根据提供给

ngShow

属性的表达式显示或隐藏给定的HTML元素。通过在元素上删除或添加

.ng hide

CSS类来显示或隐藏元素。

.ng hide

CSS类在AngularJS中预定义，并将显示样式设置为“无”（使用！重要标志）

在ngShow表达式计算为真实值之后，在内容设置为visible

之前，删除ng hide

类，如果表达式计算为非真实值，即0、false或null，则添加

.ng hide

类。

运行代码时，您可以看到它正在工作。我添加了一个h2元素，实际值为sometext，您可以看到它是一个空字符串，在JavaScript中计算结果为false


你好，世界，安格拉斯
在文本框中写入一些文本：
你好{{sometext}}
实际字符串{{sometext}}

是的，您在那里回答了自己的问题。null、未定义、0都是错误的。请注意：不要使用Angular的1.0.7版。它完全过时了。当前版本是1.5.3。这并不能回答这个问题。@Mahesh我问了另一个问题，可能是你没有正确阅读我的帖子。我没有问ngShow的定义。