Angular 1.5：コンポーネントへの属性の割り当て

Question

Angularバージョン間のブラックホールに詰まっているような気がして、シンプルな操作ができませんでした。ドキュメントは役に立ちません。

私は1.5.xのを使用して、内部の光アニメーションで「ロード...」のテキストとして機能するはずの小さな部品をやっている、これはコンポーネントのコードです：

ctrls.component('limbo', { 
    bindings: { 
    loadingtext: '=' 
    }, 

    controller: function() { 
    this.test = 0; 
    this.p = '...'; 

    this.$onInit = function() { 
     this.tmo = setInterval(function() { 
     this.p += '.'; 
     document.getElementById('loader_txt').innerHTML = this.p; 

     if (this.p.length === 18) 
      this.p = '...'; 
     }.bind(this), 100); 
    }; 
    }, 

    template: [ 
    '<div class="alert alert-info">', 
     '<span>{{$ctrl.loadingtext}}</span>', 
     '<span>{{loadingtext}}</span>', 
     '<span id="loader_txt"></span>', 
    '</div>' 
    ].join('') 
}); 

そして、これは、それを使用することになっています部分的にHTMLである：

<limbo loadingtext="loading projects"></limbo> 

が、私は両方のオプションを試してみました{{$のctrl.loadingtext}}と{{}} loadingtext。誰かがこのコミュニケーションの仕組みを私に説明してもらえますか？コンポーネントが2つの属性を受け取るようにします.1つは読み込み中に表示されるテキストで、もう1つはその特定のlimboインスタンスに適用できる追加のクラスです。

Answer 1

loadingtext: '='に '='を使用していますが、値を渡して '@'を使用する必要があります。

What is the difference between & vs @ and = in angularJS