How to Bind Value from 1 textbox to another textbox in C# using AngularJS

Question

When user enters any value in one textbox the same value should get populated in another texbox, i tried below one but not working.Please suggest.

<title></title>
<script src="Scripts/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module('myApp', []);
app.controller('myCntrl', function ($scope) {
    $scope.txt1 = "AngularDemo";
});
</script>

<body>
    <form id="form1" runat="server" ng-app="myApp">
        <div data-ng-controller="myCntrl">
            <asp:TextBox ID="TextBox1" runat="server" ng-model="txt1"></asp:TextBox>
            <asp:TextBox ID="TextBox2" runat="server" ng-bind="txt1" Text="{{txt1}}" style="border-color:{{txt1}}"></asp:TextBox>                        
        </div>
    </form>
</body>
</html>

Deblaton Jean-Philippe · Accepted Answer · 2016-05-03 14:48:05Z

1

Just use ng-model everywhere

<form id="form1" runat="server" ng-app="myApp">
    <div data-ng-controller="myCntrl">
        <asp:TextBox ID="TextBox1" runat="server" ng-model="txt1"></asp:TextBox>
        <asp:TextBox ID="TextBox2" runat="server" ng-model="txt1" style="border-color:{{txt1}}"></asp:TextBox>                        
    </div>
</form>

What did you try to achieve with the following : Text="{{txt1}}"

answered May 3, 2016 at 14:48

Deblaton Jean-Philippe

11.4k4 gold badges53 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pushkar Jaju Over a year ago

I need to reflect all textbox value on pop-up form textbox.

Collectives™ on Stack Overflow

How to Bind Value from 1 textbox to another textbox in C# using AngularJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related