javascript - AngularJS 使用 $scope.(参数)

Question

我有 2 个按钮和 2 个contenteditable div。当我单击按钮时，我会传递一个参数。现在在 Controller 中，我有一个 $rootScope.$on() 函数，该函数附加在 contenteditable div 中，因此我想在 中写入 $scope.paramter $rootScope.$on() 方法，我想用我传递的值作为参数来代替参数。

示例:

<button type="button" ng-click="open('textModel')">Emojis</button>
<div contenteditable="true" ng-model="textModel"></div>

<button type="button" class="btn btn-default" ng-click="open('textModel2')">Emojis</button>
<div contenteditable="true" ng-model="textModel2"></div>

// Controller 内部

$rootScope.$on('selectedCode', function(event, args){
   console.log(btnid);  //btnid has the value textModel or textModel2 depending on the button clicked
    $scope.btnid += 'Hello';  //I want that instead of btnid, textModel gets appended
});

现在在 Controller 中我想将其写为 $scope.textModel += 'Hello'; 而不是 $scope.parameter，所以当我第一次按下时按钮，以 ng-model 作为 textModel 的 contenteditable div 被附加，当我按下第二个按钮时，以 ng-model 作为 textModel2 的 contenteditable div 被附加

请帮忙

Answer 1

使用bracket notation通过变量名称访问属性:

$rootScope.$on('selectedCode', function(event, args) {
    $scope[btnid] += 'Hello';
});