AngularJSを使用してC＃で1つのテキストボックスから別のテキストボックスに値をバインドする方法

ユーザーが1つのテキストボックスに値を入力すると、同じ値が別のテキストボックスに入力されるはずです。AngularJSを使用してC＃で1つのテキストボックスから別のテキストボックスに値をバインドする方法

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

出典

2016-05-03 Pushkar Jaju

ちょうどあなたが以下に達成するために何をしようとしなかったどこにでも

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

NG-モデルを使用します。Text="{{txt1}}"

出典

2016-05-03 14:48:05

私はポップに、すべてのテキストボックスの値を反映する必要があります入力フォームのテキストボックス。 –

AngularJSを使用してC＃で1つのテキストボックスから別のテキストボックスに値をバインドする方法

答えて

関連する問題