オブジェクト（変数）を指令angjsに渡す

Question

コントローラは状態で呼び出されます。

.controller('test', function($scope) { 
    $scope.variable = 'Hello'; 
    $scope.other = 'Hi'; 
}) 
.directive('customDir', function() { 
    return { 
     restrict: 'A', 
     link: function($scope, element, attrs) { 
      attrs.customDir += ' Word'; 
     } 
    } 
}); 

---

<input type="text" custom-dir="variable" /> 
<div>{{variable}}</div> 

<input type="text" custom-dir="other" /> 
<div>{{other}}</div> 

---

私は$ scope.variableと$ scope.other "ことば" を受け取るには、ディレクティブで渡された変数の値を変更することができなければならないことが必要です。

Answer 1

方法はいくつかあります。

.directive('customDir', function() { 
    return { 
     link: function(scope, element, attrs) { 
      scope[attrs.customDir] += ' Word'; 
     } 
    } 
}); 

デモ：新しい孤立範囲を必要としない場合http://plnkr.co/edit/zQOMttjnbvdf6OJNOeoq?p=preview

もう1：

.directive('customDir', function() { 
    return { 
     scope: {customDir: '='}, 
     link: function(scope, element, attrs) { 
      scope.customDir += ' Word'; 
     } 
    } 
}); 

デモ：最初の1は、結合、双方向を使用することですhttp://plnkr.co/edit/FmIy3z4t1SEJQn1YQAkP?p=preview