AngularJS ng-hide / ng-show

Question

我正在学习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>

这是我的Angular脚本

http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js （当然，在“ script”标签之间）

Answer 1

您需要初始化您的应用程序。 将ng-app添加到您的html中

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

然后创建您的应用模块

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

Answer 2

您无需引导应用程序。

的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>

的script.js

var app = angular.module('app', []); // You're also probably missing this

Plunker

Answer 3

目前，您还没有按角度编译器编译页面，为此，您需要添加ng-app指令（基本上它采用模块名称，但是在示例中，您应该只执行此操作）以使其正常运行。

标记

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

演示Plunkr

从技术上讲，您应该创建一个模块并将组件添加到该模块（在企业环境中）。

Answer 4

Jose，您必须告诉您的页面，这是一个Angular应用程序

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

并且您必须在JS文件中创建您的应用程序：

angular.module('app', []);

AngularJS ng-hide / ng-show

问题描述

4 个解决方案

解决方案1
0 2016-02-10 19:34:33

解决方案2
0 2016-02-10 19:34:48

解决方案3
0 2016-02-10 19:35:43

解决方案4
0 2016-02-10 19:35:50

AngularJS ng-hide / ng-show

问题描述

4 个解决方案

解决方案1 0 2016-02-10 19:34:33

解决方案2 0 2016-02-10 19:34:48

解决方案3 0 2016-02-10 19:35:43

解决方案4 0 2016-02-10 19:35:50

解决方案1
0 2016-02-10 19:34:33

解决方案2
0 2016-02-10 19:34:48

解决方案3
0 2016-02-10 19:35:43

解决方案4
0 2016-02-10 19:35:50