javascript - angularjs textarea - 如何使其与 angularjs 下拉列表中选定的值保持同步

标签 javascript angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

我有几个下拉菜单,根据选择我更新了文本区域内容,但是当我尝试更新文本时,该功能会被触发,并且不会让我更新。

这是我的 html :

 <textarea  ng-model="desc" ng-change="des"></textarea>

和 Angular

不知何故,代码被删除了..请访问plunker:http://plnkr.co/edit/pVSiNrnAOY0A5v0iTmYQ?p=preview

最佳答案

最好使用监视功能,特别是当 Controller 中的值可能发生变化时,因为这可以确保它们保持同步。这个解决方案似乎也更容易看出发生了什么: plunkr solution

仅使用监视功能来监视所选值:

 $scope.$watch('selectedId', function(newValue){
    $scope.d();
  });

我不确定您是否希望用户能够更改文本区域中的值。如果您不这样做,就像您的示例一样,那么我建议您将属性 ng-disabled="true"添加到文本区域。

关于javascript - angularjs textarea - 如何使其与 angularjs 下拉列表中选定的值保持同步,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29238039/

相关文章:

javascript - YouTube嵌入和PHP显示iframe但显示错误

javascript - 单击后可以加载窗口吗?

javascript - Angularjs 在页面加载时显示复选框被选中

在 Angular 中对指令 Controller 进行单元测试,而不使 Controller 成为全局的

javascript - 正则表达式 - 匹配类似 IRC 的参数?

javascript - 如何即时获取函数内的 id?

angularjs - 将不同数组中的特定项的属性添加到对象的正确方法是什么

javascript - 通过 Angular JS 处理 APlayer - 动态播放音乐

javascript - angularjs 范围变量未在指令外部更新

javascript - AngularJS 使用组件作为输入标签占位符