angularjs - angularjs 1.5 组件数据绑定到数组

Question

我无法弄清楚将数组绑定到表的数据绑定语法。我有一个父 TodoComponent，它将一个 todoList 传递给一个子组件 TodoListComponent。子组件 (TodoListComponent) 正确接收数据但未绑定到模板。

父组件

const TodoComponent = {
    bindings: {
        todos: '<'
    },
    template: `
        <div class="todo">
            <table>
                <tbody>
                    <todo-list todos="$ctrl.todos"></todo-list>
                </tbody>
            </table>
        </div>
    `
};

子组件

const TodoListComponent = {
    bindings: {
        todos: '<',
    },
    template: `
        <tr ng-repeat="todo in $ctrl.todos">
            <td>{{ todo.text }}</td>
        </tr>
    `
};

如果我只是打印出 json 它会显示数据，所以我知道数据已返回

template: `
    <pre>{{$ctrl.todos|json}}</pre>
  `

Answer 1

看起来我不能只为带有父模板中表格的表格行创建一个子模板。当我将整个表格移动到子模板时，它起作用了。如果其他人可以发布替代方案，我将很高兴接受它作为有效答案。

Answer 2

我有类似的问题，并通过双向数据绑定“=”解决。

你试过使用它吗？

...
     bindings: {
            todos: '='
        }
...