文本区域或单选按钮之间的数据绑定结果 + angularjs

Question

你好，我有这个疑问，

我有一个用于输入文本的文本区域，还有一个用于 select 选项的单选按钮。

如何显示以下内容：如果您在 textarea 中键入内容，它仅显示输入的文本，如果您从单选按钮中选择一个选项，则会删除 textarea 的内容并显示 selected 单选按钮选项。

jsbin基本示例：http://jsbin.com/pejufu/8/edit?html,js,output

感谢您的帮助！

Answer 1

使用ng-change根据您的逻辑设置最终结果：

html:

<textarea ng-model="text.text1" ng-change="setResult()" placeholder="Write here" style="min-width: 355px"></textarea>

<label ng-repeat="name in names" for="{{name}}">
  {{name}}
  <input type="radio" ng-model="my.favorite" ng-change="setResult()" ng-value="name" id="{{name}}" name="favorite">
</label>

<p>
  Result or textarea or radio is: {{my.result}}
</p>

js:

$scope.my = { favorite: '', result: '' };

$scope.checkResult = function () {
    $scope.my.result = $scope.text.text1 ? $scope.text.text1 : $scope.my.favorite;
};

文本区域或单选按钮之间的数据绑定结果 + angularjs

Data Binding result between textarea or radio buttons + angularjs

angularjs