0

配列をテーブルにバインドするためのデータバインディング構文を理解できません。todoList を子コンポーネント TodoListComponent に渡す親 TodoComponent があります。子コンポーネント (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>
  `
4

2 に答える 2

0

親テンプレートにテーブルがあるテーブル行のためだけに子テンプレートを持つことはできないようです。テーブル全体を子テンプレートに移動すると、機能しました。他の誰かが代替案を投稿できる場合は、それを有効な回答として喜んで受け入れます。

于 2016-08-06T06:19:11.680 に答える