組件中的angularjs'綁定'不起作用

Question

.component(
  'testComponent',
 {bindings: {name:'<'},
  template: `{{$ctrl.name}}<br/>
             {{$ctrl.title}}<br/>
             {{test.name}}<br/>
             {{test.title}}<br/>
             {{name}}<br/>
             {{title}}<br/>`,
  controller: function (){
    this.name = 'abc';
    this.title = 'def';
  },
  controllerAs: 'test'
})

此代碼是將組件添加到模塊中。 模板中有6個表達式。 但是只有第二個， $ctrl.title運行良好。 其他未正確綁定。 當我從bindings刪除name時，然后$ctrl.name也可以正常工作。 但是AFAIK所有6個表達式都必須起作用。

我做錯了什么？

Answer 1

因為這里的綁定'<'表示一種方式綁定，所以您在哪里使用此組件應從您調用此組件的位置傳遞名稱綁定，例如

<test-component>name='abc' </test-component>

如果您正在使用$cntrl因為它是組件的默認controllerAs，並且您將其替換為test，這也將刪除controllerAs = test