AngularJS ng-hide/ng-show

我在學習AngularJS，但是我對「ng-hide」指令有問題，它不起作用。AngularJS ng-hide/ng-show

這是我的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>

，這是我對角

http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js腳本（當然，「腳本」標籤之間）

來源

2016-02-10 Jose R. Chacón

哪裏你的應用程序初始化？它應該有'ng-app'指令使其工作， –

謝謝，但我有那個指令，只是我不發佈所有的代碼。但我可以解決這個問題。之前是一個指令，我寫得很糟糕。謝謝 –

您需要初始化您的應用程序。添加ng-app到HTML

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

然後創建您的應用程序模塊

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

來源

2016-02-10 19:34:33

謝謝，但我有這個指令，只是我不發佈所有的代碼。但我可以解決這個問題。之前是一個指令，我寫得很糟糕。謝謝 –

你是不是這樣引導您的應用程序。

的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

來源

2016-02-10 19:34:48 nickwoodward

謝謝，但我有這個指令，只是我不發佈所有的代碼。但我可以解決這個問題。之前是一個指令，我寫得很糟糕。謝謝 –

目前還沒有編頁的角度編譯器，爲您需要加ng-app指令（基本上它需要模塊名稱，但在示例中，你只應該這樣做）它的工作。

標記

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

Demo Plunkr

從技術上講，你應該創建一個模塊和組件添加到該模塊（在企業領域）。

來源

2016-02-10 19:35:43

謝謝，但我有這個指令，只是我不發佈所有的代碼。但我可以解決這個問題。之前是一個指令，我寫得很糟糕。謝謝 –

@JoseR.Chacón請問我爲什麼複製並粘貼相同的評論？ –

何塞你一定要告訴你的網頁，這是一個角度應用

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

，你必須在JS文件中創建您的應用程序：

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

來源

2016-02-10 19:35:50

謝謝，但我有這個指令，只是我不發佈所有的代碼。但我可以解決這個問題。之前是一個指令，我寫得很糟糕。謝謝 –

AngularJS ng-hide/ng-show

回答

相關問題