Javascript 角度1.5：将属性传递到组件

我觉得我被困在了一个黑洞中，处于两个角度之间，我没有能力做一些简单的事情。医生帮不上忙

我使用的是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('')
});

ctrls.component（'limbo'{
绑定：{
加载文本：'='
},
控制器：函数（）{
本试验=0；
这个.p='…'；
此。$onInit=函数（）{
this.tmo=setInterval（函数（）{
这个.p+='；
document.getElementById（'loader_txt'）。innerHTML=this.p；
如果（此p.length==18）
这个.p='…'；
}.绑定（本），100）；
};
},
模板：[
'',
“{{$ctrl.loadingtext}}”，
“{{loadingtext}}”，
'',
''
].加入（“”）
});

这是应该使用它的部分中的html：

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

---

我尝试了两个选项{{$ctrl.loadingtext}}和{{{loadingtext}}。有人能给我解释一下这种交流是如何进行的吗。我希望组件接收两个属性，一个是加载时将要显示的文本，另一个是可以应用于特定limbo实例的附加类。

在传递值时使用

loadingtext:'='

，因此应该使用'@'

---

但这意味着什么？对于一个完全的初学者来说，这不是很有帮助，这个“@”符号应该放在代码中的什么地方？