如何在AngularJS中将数据从Parent发送到Child

Question

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

的index.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;
}

PLUNKER

Answer 1

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

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

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

Here是你的新手。