javascript - 如何在AngularJS中将数据从父级发送到子级

Question

如何将数据从父控制器（索引）发送到子控制器（组件）。请参阅示例，而不是硬编码，url我想将参数Title从URL页面控制器发送到组件。我坚持发送它，我不知道问题出在哪里。

索引.html

<div>
  <my-list obj="vm.obj"></my-list>
</div>

index.controller.js

this.obj = {
    testURL: "AngularJS",
    testName: "Testing Environment
}

mylistComponent.html

<span>{{vm.myTestName}}</span>
<a href="https://en.wikipedia.org/wiki/{{vm.myTestURL}}">AngularJS Wikipedia</a>

mylist.Component.js

binding: {
    obj: "="
}

this.goToPage = function() {
    this.myTestName = this.obj.testName;
    this.myTestURL = this.obj.testURL;
}

score 1 · Accepted Answer

在你的 plunker 中，通过这样做：

<test-component value="vm.obj"> </test-component>

您将 var 的值obj放在 var 中value。因此，在子范围内，您可以使用 var 访问此值，value而不再使用obj.

这是您的 plunker 更新。

1 回答 1