2015-04-05 5 views
0

Здесь у меня есть код, который не работает, и я не знаю почему. Может ли кто-нибудь мне помочь?AngularJS DataBinding не работает

<!DOCTYPE html> 
<html>   
    <head data-ng-app=""> 
     <title>Directives and Data Binding angular_js</title> 
    </head>   
    <body data-ng-init="names=['John Smith','John Doe','Jane Doe']">Name: 
     <br/> 
     <input type="text" data-ng-model="name" />{{ name }} 
     <ul> 
      <li data-ng-repeat="person in names"></li> 
     </ul> 
     <script src="angular.min.js"></script> 
    </body>  
</html> 

http://postimg.org/image/pi38k566f/

Я использую Opera и я также пробовал на Mozilla Firefox.

ответ

0

Это работает - Plunker

data-ng-app="" должен быть в теге тела:

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
     <title>Directives and Data Binding angular_js</title> 
    </head> 
    <body data-ng-app="" data-ng-init="names=['John Smith','John Doe','Jane Doe']"> 
    Name:<br/><input type="text" data-ng-model="name"/>{{ name }} 
     <ul> 
      <li data-ng-repeat="person in names">{{person}}</li> 
     </ul> 
    </body> 
</html> 

Я добавил {{person}} в повторе для отображения данных массива.

+0

oh спасибо. Я новичок, поэтому надеюсь, вы простите за такие ошибки: D еще раз поблагодарите вас. –

Смежные вопросы