Question

我正在学习AngularJS，但我对“ng-hide”指令有疑问，它不起作用。

这是我的HTML代码：

var submitHandler = function(form) {
    $.ajax({
        url: 'function/savePreInscripcion.php',
        type: 'POST',
        data: new FormData(form),
        mimeType: "multipart/form-data",
        contentType: false,
        cache: false,
        processData: false,
        success: function(data){
            alert(data);
        }
    });
};

这是我的Angular脚本

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

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>

Demo Plunkr

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

Answer 4

何塞你必须告诉你的网页它是一个Angular应用程序

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

你必须在JS文件中创建你的应用程序：

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

AngularJS ng-hide / ng-show

4 个答案: