Javascript AngularJS ng隐藏/ng显示_Javascript_Angularjs_Ng Show_Ng Hide

Javascript AngularJS ng隐藏/ng显示

javascript angularjs

Javascript AngularJS ng隐藏/ng显示,javascript,angularjs,ng-show,ng-hide,Javascript,Angularjs,Ng Show,Ng Hide,我正在学习AngularJS，但我对“ng hide”指令有一个问题，它不起作用这是我的HTML代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Prueba ng-hide/ng-show</title> </head> <body> <p ng-hide="true">I'm hi

我正在学习AngularJS，但我对“ng hide”指令有一个问题，它不起作用

这是我的HTML代码：

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>Prueba ng-hide/ng-show</title>
</head>
<body>
    <p ng-hide="true">I'm hidden</p>
    <p ng-show="true">I'm shown</p>
</body>


Prueba ng隐藏/ng显示
我被隐藏了
我被展示了

这是我的剧本

（当然，在“script”标记之间）

您需要初始化应用程序。将

ng应用程序

添加到html

<html ng-app="MyApp">
...

...

然后创建你的应用程序模块

<script>
    var app = angular.module("MyApp", []);
</script>


var-app=angular.module（“MyApp”，[]）；

您需要初始化应用程序。将

ng应用程序

添加到html

<html ng-app="MyApp">
...

...

然后创建你的应用程序模块

<script>
    var app = angular.module("MyApp", []);
</script>


var-app=angular.module（“MyApp”，[]）；

您没有启动应用程序

index.html

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-app="app"> <!-- You're missing this -->
    <p ng-hide="true">I'm hidden</p>
    <p ng-show="true">I'm shown</p>
  </body>

</html>

您没有启动应用程序

index.html

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-app="app"> <!-- You're missing this -->
    <p ng-hide="true">I'm hidden</p>
    <p ng-show="true">I'm shown</p>
  </body>

</html>

目前您还没有使用angular编译器编译页面，为此您需要添加

ng app

指令（基本上它采用模块名，但在示例中，您应该这样做以使其工作）

标记

<body ng-app="">
    <p ng-hide="true">I'm hidden</p>
    <p ng-show="true">I'm shown</p>
</body>


我被隐藏了
我被展示了

从技术上讲，您应该创建一个模块并向该模块添加组件（在企业世界中）。

目前您还没有使用angular编译器编译页面，为此您需要添加

ng app

指令（基本上它采用模块名，但在示例中，您应该这样做以使其工作）

标记

<body ng-app="">
    <p ng-hide="true">I'm hidden</p>
    <p ng-show="true">I'm shown</p>
</body>


我被隐藏了
我被展示了

从技术上讲，您应该创建一个模块并向该模块添加组件（在企业级应用程序中）。

您必须告诉页面它是一个角度应用程序

<html lang="en" ng-app="app">

何塞，你必须告诉你的网页，这是一个角度的应用程序

<html lang="en" ng-app="app">

你的应用程序在哪里初始化？它应该有

ng-app

指令来让它工作，谢谢，但我有那个指令，只是我没有发布所有的代码。但我可以解决这个问题。在那之前是一个指令，我写得很糟糕。谢谢你的应用在哪里初始化？它应该有

ng-app

指令来让它工作，谢谢，但我有那个指令，只是我没有发布所有的代码。但我可以解决这个问题。在那之前是一个指令，我写得很糟糕。谢谢谢谢，但是我有这个指令，只是我没有发布所有的代码。但我可以解决这个问题。在那之前是一个指令，我写得很糟糕。Thanks@JoseR.Chacón我可以知道，为什么你要为所有人复制和粘贴相同的评论？谢谢，但我有这个指示，只是我不发布所有的代码。但我可以解决这个问题。在那之前是一个指令，我写得很糟糕。Thanks@JoseR.Chacón我可以知道，为什么你要为所有人复制和粘贴相同的评论？谢谢，但我有这个指示，只是我不发布所有的代码。但我可以解决这个问题。在那之前是一个指令，我写得很糟糕。谢谢谢谢，但是我有这个指令，只是我没有发布所有的代码。但我可以解决这个问题。在那之前是一个指令，我写得很糟糕。谢谢谢谢，但是我有这个指令，只是我没有发布所有的代码。但我可以解决这个问题。在那之前是一个指令，我写得很糟糕。谢谢谢谢，但是我有这个指令，只是我没有发布所有的代码。但我可以解决这个问题。在那之前是一个指令，我写得很糟糕。谢谢谢谢，但是我有这个指令，只是我没有发布所有的代码。但我可以解决这个问题。在那之前是一个指令，我写得很糟糕。谢谢谢谢，但是我有这个指令，只是我没有发布所有的代码。但我可以解决这个问题。在那之前是一个指令，我写得很糟糕。谢谢