2015-03-24 3 views
7

Я новичок в AngularJS, и я перехожу через ссылку this, и мне любопытно провести эксперимент над текстовым полем с помощью ng-bind. Но это не работает.Как заполнить текстовое поле с помощью ng-bind?

<html> 
    <title>AngularJS First Application</title> 
    <body> 
    <h1>Sample Application</h1> 
    <div ng-app=""> 
     <p>Enter your Name: <input type="text" ng-model="name"></p> 

     <input type ="text" ng-bind="name" /> 
    </div> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
    </body> 
    </html> 

Как я могу заполнить текстовое поле, используя ng-bind?

+0

Как бы это не работает? Вот код, вставленный в codepen http://codepen.io/NicholasMurray/pen/ogmLyy –

+0

привет ... я спросил, как это сделать, используя текстовое поле ... я никогда не говорил, что пример кода не работал –

+0

Упс, см. обновленный ответ ниже, вы можете использовать {{name}} вместо этого, поскольку ngBind заменяет текстовое содержимое, а не значение –

ответ

16

Как, Атрибут ngBind говорит Угловым заменить содержание текста указанного HTML элемента со значением данного выражения, и обновить содержимое текста, когда значение этого выражения изменяется, вы не сможет связываться с полем ввода:

<input type ="text" ng-bind="name" /> 

Вы можете использовать вместо нг значение

<input type="text" ng-value="name" /> 

или вы можете заполнить поле ввода, используя модель в атрибуте value.

<input type="text" value="{{name}}" /> 

Смотреть это codepen