无法将数据传递给 AngularJS 组件指令

Question

我正在尝试使用 AngularJS 1.5 创建组件指令。我将控制器中定义的 $scope 变量传递给组件指令。但它没有渲染。

组件指令如下：

.component('myComp', {
   scope: {},
   bindToController: {
       info: '=info'
   },

   template: [

       '<table<tr>',
       '<td>{{ $ctrl.info }}</td>',
       '</tr>',
       '</tbody>',
       '</table>'
   ].join('')

});

这是风景

<my-comp info="employee"></my-comp>

但是浏览器控制台没有任何显示，也没有错误。

Answer 1

试试这个

.component('myComp', {
 restrict: 'AE',
 scope: {info: '='},
 template: [

   '<table<tr>',
   '<td>{{ info }}</td>',
   '</tr>',
   '</tbody>',
   '</table>'
 ].join('')
});

Answer 2

情况又变了 -- 又一次

组件现在忽略 bindToController 属性。而是使用 bindings.

.component('myComp', {
   //scope: {},

   //obsolete
   //bindToController: {

   //Use instead
   bindings: {       
       info: '=info'
   },

   template: [

       '<table<tr>',
       '<td>{{ $ctrl.info }}</td>',
       '</tr>',
       '</tbody>',
       '</table>'
   ].join('')

});

DEMO on JSFiddle

有关详细信息，请参阅 AngularJS Developer Guide - Understanding Components。

无法将数据传递给 AngularJS 组件指令

Unable to pass data to AngularJS component directive

angularjs

angularjs-components

情况又变了 -- 又一次