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

Question

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

索引.html

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

索引控制器.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>

我的名单。组件.js

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

普容克

Answer 1

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

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

您将obj的值放在 varvalue中。因此，在子作用域中，您可以使用 var 访问此值，value不再使用obj访问此值。

这是您的更新

。