输入框和表达式之间的双向绑定

时间:2014-05-07 01:53:46

标签: angularjs

处理能够从文本字段中改变表达式的方式是什么,以及相反的方式。例如:

myApp.controller('MainContrller', ['$scope', function($scope) {
   $scope.inputs = {
     'input1': 'text'
   }
}]);

然后在HTML中:

<div ng-controller="MainController">
  <input type="text" ng-model="inputs.input1">
  <p>This will output {{ inputs.input1 }}</p>
</div>

当绑定从输入到表达式时,这很有效,但我也使用contenteditable,并希望在那里的表达式替换输入框中的内容。可能的?

1 个答案:

答案 0 :(得分:0)

查看ngModelController文档的内容可编辑示例,在“自定义控件示例”部分下

https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

基本上它创建了将ng-model字段绑定到可编辑内容更改的指令。然后,您可以使用相同的ng-model表达式绑定contenteditable和input,以便更改同步。