2016-04-05 14 views
0

Şimdi angularjs öğreniyorum. Ng-app ile ng-bind'i denediğimde işe yaramıyor. ng-app = "" gibi boş kaldığımda çalıştı. Bunu açıklayan var mı?ng-bind neden ng-app ile çalışmıyor

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

üzgün. –

+1

"Çalışmıyor" ifadesini tam olarak tanımlayın. Ne olmasını bekliyorsunuz, inbstead ne olur, varsa konsolda hata mesajı nedir. Bir sorun olan kodu gönderin, iyi çalışan kodu değil. –

+0

metin kutusuna bir şey yazdığımızda "merhaba" nın yanına gelmeli, ancak ng-app = "bir ad" kullanıldığında, metin kutusuna bir şey yazdığımda değer görüntülenmiyor. Ama ng-app = "" gibi tuttuğumda da aynı durum ortadan kalkıyor. – Eagle

cevap

0
  • Sen, önce ona bir ad <div ng-app = "MyApp">

    vermek Ve sonunda bazı komut dosyası eklemek gerekir ng-Uygulamayı kullanmak için yani ng-init="name='John Doe'"

1

eklemeyi unutmuş:

Ardından viola!

Örnek: onun belirsiz

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