Javascript 绑定的正确使用

我想将一个值从一个html模板传递到另一个html模板。我有一个标识用户名和他的角色的API，我想发送用户名值。根据示例，这是我的代码，来自一个名为payment-component.js的文件：

HTML视图：

<div class="title">
   <h3><strong>Welcome, {{thisUser}}!</strong></h3>
</div>

并且它是html view detail.html：

我读了一点，我知道我必须把数据从一边绑定到另一边，但我不知道怎么做。我还在学习

---

您能帮助我吗？

将“payApp”模块作为依赖项添加到“pageoApp”模块，并使用工厂方法（比如getuser，而不是使用controller）获取“thisUser”。

---

将此getuser作为依赖项添加到homeCtrl并尝试访问“thisUser”

如果组件是父子组件，则可以使用$rootScope 因此，在您的payment-component.js中

改为

$rootScope.thisUser = data.data.Response;

您需要像这样在payCtrl中添加$rootScope

payCtrl.$inject = ["$scope","$rootScope"];

---

使用服务跨应用程序的各个部分共享数据可能与Thanx重复。在homeCtrl上，我只是传递值{{userName}}？或者必须再次声明$scope/$rootScope？Thanx。我发现如何很好地使用它：

<div class="title">
  <h3><strong>This is your detail, {{userName}}!</strong></h3>
</div>

$scope.thisUser = data.data.Response;

$rootScope.thisUser = data.data.Response;

payCtrl.$inject = ["$scope","$rootScope"];