Question

我无法找出将数组绑定到表的数据绑定语法。我有一个父TodoComponent，它将todoList传递给子组件TodoListComponent。子组件（TodoListComponent）正在正确接收数据，但未绑定到模板。

父组件

console.time('READ--'+ID)
console.time('WRITE--'+ID)
LDB.query('my_index', { //stored index
    key: ID,
    include_docs: true
}).then(function(data) {
    console.timeEnd('READ--'+ID)
    //DO THINGS
    obj._rev = data._rev
    LDB.put(obj).then(function(ldata) {
        console.timeEnd('WRITE--'+ID)
    });
}

子组件

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

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

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

Answer 1

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

Answer 2

我有类似的问题，并通过双向数据绑定解决了＆＃34; =＆＃34;。

您是否尝试过使用它？

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

angularjs 1.5组件数据绑定到数组

2 个答案: