2015-05-07 3 views
-2

Я попытался реализовать двустороннюю привязку данных в двух текстовых полях, используя AngularJS, однако он не работает.Двунаправленная привязка данных не работает в текстовых полях в AngularJS

Вот мой код:

<html ng-app="myApp"> 
<head> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular-route.min.js"></script> 
    <script> 
     var app = angular.module('myApp', []); 
    </script> 
</head> 
<body ng-controller="tasksController"> 
    <input type="text" ng-model="username" value="{{userage}}"> 
    <input type="text" ng-model="userage" value="{{username}}"> 
</body> 

Может кто-нибудь помочь мне в этом?

+2

Некоторый код может быть полезным ... –

+0

Вы перевернули две переменные нг-модель пользователя имеет значение userage – mwarren

+0

Не получая вашу точку зрения? – needhelpinphp

ответ

2

Вы не определили tasksController в вашем угловом коде:

<script> 
    var app = angular.module('myApp', []); 

    app.controller('tasksController', function($scope){ 
     $scope.username = "John Doe"; 
     $scope.userage = 45; 
    }); 
</script> 

Объем модель будет работать. Кроме того, вам не нужно привязывать модель к входному значению. ng-model автоматически связывает значение:

<input type="text" ng-model="username"> 
<input type="text" ng-model="userage"> 
+0

B, вы не понимаете ... Я знаю, как мы можем передайте значения, используя службу $ scope от контроллера, чтобы просмотреть .... это не мой вопрос ....... что я хочу делать ... когда я что-то пишу в текстовом поле 1 ... он свяжет значение с текстовым полем 2 .... Я имею в виду отображение того же текста, который я ввел в textbox1 в текстовое поле2 ... и когда я что-то пишу в текстовом поле2 ... он отобразит или добавит введенный текст в текстовое поле 1 ... 2 способ привязки в текстовых ящиках .... Надеюсь, теперь ... вы можете понять мою проблему .. – needhelpinphp

+0

Каков ваш вопрос, тогда @needhelpinphp? –

+0

что я хочу сделать ... когда я что-то пишу в текстовом поле 1 ... он привяжет значение с помощью текстового поля 2 .... Я имею в виду отображение того же текста, что и в текстовом поле1 в текстовом поле2 ... и когда я написать что-нибудь на textbox2 ... он отобразит или добавит введенный текст в текстовое поле. 1 ... 2-сторонняя привязка в текстовых окнах. – needhelpinphp

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