2016-04-05 22 views
0

我現在在學習angularjs。當我嘗試與ng-app綁定時,它不起作用。 當我保持空像ng-app =「」,它的工作。 任何人都可以解釋這一點嗎?爲什麼ng-bind與ng-app不兼容

<!doctype html > 
<html lang="en" > 
<head> 
    <meta charset="UTF-8"> 
    <meta name="Generator" content="EditPlus®"> 
    <meta name="Author" content=""> 
    <meta name="Keywords" content=""> 
    <meta name="Description" content=""> 
    <title>Document</title> 
    <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script> 

    </script> 
</head> 
    <body> 

     <div ng-app = ""> 
     <p>Enter your Name: <input type = "text" ng-model = "name"></p> 
     <p>Hello <span ng-bind = "name"></span>!</p> 
     </div> 


    </body> 
</html> 
+0

對不起它不清楚。 –

+1

準確定義「不工作」。您希望發生什麼,發生什麼,控制檯中的錯誤信息(如果有)。發佈有問題的代碼,而不是可以正常工作的代碼。 –

+0

當我們在文本框中輸入任何內容時,它應該出現在「hello」旁邊,但是當使用ng-app =「some name」時,當我在文本框中鍵入內容時,該值不會顯示。但是,當我保持它像ng-app =「」時,它的顯示效果也是相同的。 – Eagle

回答

0
  • 你忘了補充,即ng-init="name='John Doe'"
1

要使用NG-應用程序,您需要首先給它一個名字<div ng-app = "MyApp">

,並在結尾處添加一些腳本:

<script type="text/javascript"> 
    angular.module('MyApp', []); 
</script> 

然後中提琴!

樣品:

<!doctype html > 
<html lang="en" > 
<head> 
    <meta charset="UTF-8"> 
    <meta name="Generator" content="EditPlus®"> 
    <meta name="Author" content=""> 
    <meta name="Keywords" content=""> 
    <meta name="Description" content=""> 
    <title>Document</title> 
    <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script> 

    </script> 
</head> 
    <body> 

     <div ng-app = "MyApp"> 
     <p>Enter your Name: <input type = "text" ng-model = "name"></p> 
     <p>Hello <span ng-bind = "name"></span>!</p> 
     </div> 


    </body> 

    <script type="text/javascript"> 
    angular.module('MyApp', []); 
    </script> 
</html> 
相關問題