コンポーネントのコントローラ内でバインディングを処理する

Question

自分のアングルコンポーネントを作成しました。これは、個々のhtmlタグを使用して自分のコードに実装できます。

テンプレート：：あなたが見ることができるように

<div class="myComponent"> 
    <div ng-transclude></div> 
    <span>{{ currentValue }}</span> 
</div> 

が、そこに私は私のコントローラからのバインディングの値を示しスパンを得たので、私はこのような何かを持っています。私のコントローラで

、私はこのようなバインディング実装：私は私のWebアプリケーションでは、私のコンポーネントを実装し、このような結合値に与えることができるより

static componentOptions = { 
    transclude: true, 
    bindings: { 
     currentValue: "=" 
    } 
} 

を：

<my-component current-value="myVariable"> 
    <input ng-model="myVariable"> 
</my-component> 

私の結束から結果が得られた以上（例えば、 "hello world"というテキスト）。今私はバインディングがある私のコントローラの値を変更したいと思います。私のバインディングの"="のために、それは監視され、私のコントローラと、それがバインディングから来る親にも変わります。私は（部品の私のコントローラで）このようにそれを試してみました：

this.currentValue = "hello universe"; 

それは未知数だので、それは動作しません。コンポーネントのコントローラ内のバインディングを操作して上書きするにはどうすればよいですか？コンポーネントのテンプレートでは、変数にアクセスするのに問題はありません。バインディング名を使用するだけです。

重要EDIT：ここで私は..写真で何が起こるかをお見せしようとした

ステップ1：ここでは、コンポーネントからアドオン入力のmyVariable変数が定義された入力、および右を見ることができます、私は2つの結合方法でmyVariable変数を変更しようとするところ..

ステップ2：今、私は入力に書き込み、myVariable変数を上書きする - それはそれは双方向と変化の両方（myVariable変数A時計NDコンポーネントに結合）：

ステップ3：今、私は、コンポーネントのコントローラにバインドを変更 - それが唯一の構成要素ではない入力でそれを変更しますが、私は2つを使用しています

ステップ4：私は入力に再び今myVariable変数を変更すると、それは再び（片道結合が、なぜ）の両方を変更？：

の方法は、このために（原因「=」に）結合します

私は十分にはっきりしていることを望みます。

ありがとうございます。

Answer 1

AngularJS 1.5では、コントローラインスタンスが対応するテンプレートで$ ctrlとして使用可能になります。代わりに

{{$ctrl.currentValue}} 

を試してください。また、あなたは（原因「=」への）2つの結合方法を使用している場合、myVariable変数

<my-component current-value="myVariable"> 

は、親スコープに定義されなければなりません。たぶん、あなたは子供のスコープ内または親スコープに変更する必要がある場合