如何使用AngularJS将值从1个文本框绑定到C#中的另一个文本框

时间:2016-05-03 14:44:15

标签: angularjs

当用户在一个文本框中输入任何值时,相同的值应该填充在另一个texbox中,我尝试在一个以下但不工作。请建议。

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

1 个答案:

答案 0 :(得分:1)

到处使用ng-model

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

您尝试使用以下内容实现了哪些目标:Text="{{txt1}}"