ng-app在html標記中的位置

我是AngularJS的新手。我的講師說ng-app可以在html，body，div標籤等中使用。我的問題是，如果ng-app可以在html標籤和body標籤中使用，是否有任何用途，如果我在html標籤中使用它而不是body標籤？我的意思是，head標籤是body和html的中間部分。當我使用html標籤時，是否有任何影響頭標籤的原因。希望我的問題很明確。ng-app在html標記中的位置

來源

2015-05-14 Menuka Ishan

你將ng-app放在body標籤的html標籤內的原因是你想用angularjs來操作head和body內的東西。這裏有一個例子：在標題我有一個NG綁定

<html ng-app="MyApp"> 
<head> 
    <meta charset="utf-8"> 
    <title ng-bind="'Title - ' + title"></title> 
    <link rel="stylesheet" href="/css/style.css" /> 
</head> 
<body> 
...

注意，這樣我就可以使用變量名title改變網頁的標題用戶上。標題將永遠是標題 - what ever link their on在app.js中，我將title var作爲全局變量。這只是將ng-app放入html標籤而不是body的原因之一。

來源

2015-05-14 17:31:02

編號ng-app對<head>沒有影響，除非您打算。它應該被添加到您的應用的scope的元素中，根元素html。

大多數情況下，最好在body標籤上使用它，除非您想更改head例如title。對於動態值title，應該將ng-app添加到<html>。

來源

2015-05-14 17:24:45 Tushar

是有一些好處，如果你把ng-app在<html>標籤，

<html> 
    <head> 
     <title></title> 
    </head> 
    <body> 

    </body> 
</html>

如果u把它放在HTML那麼你就可以控制所有的HTML標籤之間的事情，這意味着所有的HTML可以使用操縱angularjs，對於EX您可以更改標題。

但如果你把它放在<body>那麼你鬆<title>的<head>標籤內部的控制或東西，你可以控制的只有<body>標籤內。

這裏是NG-APP

使用此指令自動引導的AngularJS應用的DOC。 ngApp指令指定應用程序的根元素，通常放置在頁面的根元素附近 - 例如在<身上>或<html>標籤。

來源

2015-05-14 17:25:52

ng-app在html標記中的位置

回答

相關問題