配列をテーブルにバインドするデータバインディング構文を理解できません。私はtodoListを子コンポーネントTodoListComponentに渡している親のTodoComponentを持っています。子コンポーネント(TodoListComponent)はデータを正しく受信していますが、テンプレートにバインドしていません。angularjs 1.5コンポーネントへのデータバインディング
親コンポーネント
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>
`
};
に私はちょうど私が、データが
template: `
<pre>{{$ctrl.todos|json}}</pre>
`
あなたが最初のテンプレートのような '$ ctrl.todoData''を渡す必要があり、私はちょうどまた私のコントローラを表示するために質問を編集し@PankajParkar ' –
。ご覧のとおり、私はtodoDataからtodosを設定しています。私が言及したように、データは子コンポーネントに渡されています。そのデータバインディングは動作しません。 – BeesNees
$ onChanges関数内の 'this.todos'はコントローラの' this.todos'ではありません –