更改由 ng-repeat 生成的 textareas 的值答案

【问题标题】：Change value of textareas generated by ng-repeat更改由 ng-repeat 生成的 textareas 的值
【发布时间】：2016-09-08 00:30:53
【问题描述】：

我有一个下拉菜单：

<select ng-model="dropdown" ng-options="key as value for (key,value) in getData()" ng-click="chooseStuff(0,dropdown)"></select>

下面我有一个文本区域列表：

<div ng-repeat="(controlKey,controlValue) in controlsList">
      <div ng-repeat="(labelKey,labelValue) in controlValue"> 
    <textarea ng-model="text1" ng-init="text1 = getContent(controlKey,labelKey)"></textarea> 
    </div>
</div>

当我在 textarea 上调用 ng-click 函数时效果很好。不过，我想做的是，每次下拉列表中的值更改时，每个 textarea 都运行函数 getContent(controlKey,labelKey) 。我应该如何解决这个问题？

谢谢！

this.chooseStuff= function (dropdownNo, code) {
                dropdownCurrentCode[dropdownNo] = code;
            }

controlList 和 controlValue 只是控制器中的虚拟数据（硬编码 json）。

 var controlsList = {
                "control":
                    {
                        "label": {
                            "en-US": "US label Value",
                            "en-GB": "GB label value"
                        },
                        "positivelabel": {
                            "en-US": "US positive label Value",,
                            "en-GB": "GB positive label value"
                        }
                    },
                "anotherControl":
                    {
                        "label": {
                            "en-US": "us value",
                            "en-GB": "gb value"
                        }
                    }

            };

【问题讨论】：

您能否分享chooseStuff 的控制器代码以及controlsList 和controlValue 何时填充？
在问题中添加。谢谢。

标签： javascript angularjs textarea

【解决方案1】：

解决了。解决方案是将模型绑定到函数并添加 getterSetter ng-model 选项。

<textarea ng-model="getContent(controlKey,labelKey)" ng-model-options="{ getterSetter: true }></textarea>

【讨论】：