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

Posted 2023-05-07

【中文标题】更改由 ng-repeat 生成的 textareas 的值

【英文标题】：Change value of textareas generated by ng-repeat

【发布时间】：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 何时填充？

在问题中添加。谢谢。

【参考方案1】：

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

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