Javascript 使用相同的角度控制器onClick将数据从一个HTML传递到另一个HTML

我正在检索所有数据并将其存储在变量“storedata”中，将其显示在与角度控制器关联的HTML视图“a”中，我正在使用thymeleaf模板，但在单击ID时，我希望在另一个HTML视图“B”中显示内容，我希望使用变量“storedata”已经有数据了。所以我尝试用同一个角度控制器链接HTML视图“B”，认为我可以直接访问它，但我不能。你的建议很有价值。所有文件都粘贴在下面

HTML“A”

{{storedata.ID}

HTML“B”

你好，世界。。！！{{storedata.ID}

如果不引导另一个视图，则无法加载该视图。通过呼叫窗口。打开时，您只加载一个html文件，该文件与您正在使用的angular应用程序无关。 有关更多信息，请查看

另一种方法是使用或。我建议后者

例如，请看下面的代码：

angular.module（'app'，['ui.router']））
.config（函数（$stateProvider，$urlRouterProvider）{
//国家定义
$stateProvider
.州（“家园”{
摘要：没错，
url:“/home”，
模板：“{{title}}”+
'' +
'',
控制器：“HomeController”
})
.state（'homeState.childStateA'{
url:“/stateA”，
模板：“{data}}”+
'单击我转到StateB'，
控制器：“状态控制器”
})
.state（'homeState.childStateB'{
url:“/stateB”，
模板：“{data}}”+
'单击我转到StateA'，
控制器：“StateBController”
});
//默认为stateA
$urlRouterProvider。否则（'/home/stateA'）；
})
.run（函数（$rootScope、$state、$stateparms）{
$rootScope.$state=$state；
$rootScope.$stateParams=$stateParams；
})
.controller（'HomeController'，函数（$scope）{
//家园数据
$scope.title='State example'；
})
.controller（'StateAController'，函数（$scope）{
//StateA数据
$scope.data='Hi State A'；
})
.controller（'StateBController'，函数（$scope）{
//StateB数据
$scope.data='Hi State B'；
})

您可能应该使用类似的服务，因为更改视图将初始化控制器的新实例，而不使用

storedata

变量哦，好的，我不知道它会创建angular controller的新实例，谢谢。

    <div data-ng-repeat="storedata in storeDataModel">
       <a  class="clickableRow" title="Click to get User details" onclick="window.open('B.html')" >{{storedata.ID}}
    </a>
</div>

<div ng-controller="angularController">
<a> HELLO WORLD..!! {{storedata.ID}}</a>
</div>