Javascript 更改值后在textarea上取消绑定中断_Javascript_Html_Angularjs

Javascript 更改值后在textarea上取消绑定中断

javascript html angularjs

Javascript 更改值后在textarea上取消绑定中断,javascript,html,angularjs,Javascript,Html,Angularjs,为什么更改textarea中的值会破坏绑定？允许myVal更新为说Hello，但如果键入其他内容，则单击按钮不再更新该值 html 编辑：澄清；我想要单向绑定，这是ngbind提供的。我想知道为什么改变textarea中的值会破坏这种单向绑定。如果我试图直接绑定到字符串，但绑定到的是对象属性，我会想到这一点。更新代码 ng模型丢失了当您的作用域已经绑定到html时使用ngBind，当插入数据时使用ngModel，并且您还可以在绑定数据中更改您可以使用的数据更新 var-app=ang

为什么更改textarea中的值会破坏绑定？允许

myVal

更新为说

Hello

，但如果键入其他内容，则单击按钮不再更新该值

html

编辑：

澄清；我想要单向绑定，这是ngbind提供的。我想知道为什么改变textarea中的值会破坏这种单向绑定。如果我试图直接绑定到字符串，但绑定到的是对象属性，我会想到这一点。

更新代码

ng模型丢失了

当您的作用域已经绑定到html时使用ngBind，当插入数据时使用ngModel，并且您还可以在绑定数据中更改您可以使用的数据


更新
var-app=angular.module（'app'，[]）；
应用程序控制器（'Ctrl'，函数（$scope，$timeout）{
$scope.formModel={}；
$scope.formModel.myVal='Hello'；
$scope.update=函数（）{
$scope.formModel.myVal='Bye'；
};
});

你们可以使用ng模型，这样，你们可以使它更新，当你们调用这个函数时，你们也可以得到你们的设置值

var-app=angular.module（'app'，[]）；
应用程序控制器（'Ctrl'，函数（$scope，$timeout）{
$scope.formModel={}；
$timeout（函数（）{
$scope.formModel.myVal='Hello'；
}, 1000);
$scope.update=函数（）{
$scope.formModel.myVal='Bye'；
};
});

更新
使用ng model
=>
@RayonDabre我不想要双向绑定您正在询问双向绑定的功能，但在您的评论中说您不想要双向绑定。这没有意义。@Claies，ng bind
将被控制器查看，那么OP的要求是有意义的，对吗？@Claies我想要单向绑定。我在问为什么更改textarea中的值会破坏绑定。这个问题表示单向绑定
<!doctype html>
<html ng-app="app">
<head>
</head>
<body>

  <div ng-controller="Ctrl">
  <textarea ng-bind="formModel.myVal"></textarea>
  <button ng-click="update()">Update</button>
  </div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script>
  <script src="script.js"></script>
</body>
</html>

var app = angular.module('app', []);

app.controller('Ctrl', function($scope, $timeout) {
 $scope.formModel = {};

 $timeout(function() {
   $scope.formModel.myVal = 'Hello';
 }, 1000);

 $scope.update = function() {
   $scope.formModel.myVal = 'Bye';
 };
});