Javascript angularjs切换按钮在下一个视图中显示列表项

首先，我想说，我对Angularjs相当陌生，但我正在很好地学习它的基础知识

我的angular应用程序的目标是在中有2个页面。我很好地了解了我应用程序的这一部分，文档也很好。我现在的目标是将数据/选择/属性从主页传递到about页面。因此，如果我在主页上有一个选择按钮列表，它将在“关于”页面上显示/隐藏另一个列表。所以主页上的选择将被记住在主页上

我已经阅读了有关工厂、服务和rootScope的文档，但仍然感到困惑。如何将select布尔值传递到工厂，然后将该值/数据注入到“关于”页面，然后隐藏/显示项目

我已经在主页上设置了一些东西，但输入框（这是一个很好的第一步，但不是我想要的）显示了关于页面的数据。数据将在当前浏览器会话中被记住

如何将ng切换、ng单击或任何变量控制器范围数据插入工厂？如何将该布尔值注入“关于”页面

以下是我当前的Plunker解决方案：

我的plunker应用程序角度代码

var routerApp=angular.module（'routerApp'，['ui.router']）；
routerApp.config（函数（$stateProvider，$urlRouterProvider）{
$urlRouterProvider。否则（'/home'）；
$stateProvider
//主状态和嵌套视图========================================
.州（“家”{
url:“/home”，
templateUrl:'partial home.html'
})
//关于页面和多个命名视图=================================
.state（'about'{
url:“/关于”，
templateUrl:'partial about.html'
});
});
routerApp.factory（'MyService'，function（））{
返回{
数据：{
}
//其他方法或对象可以转到这里？
};
});
routerApp.controller（'FirstCtrl'，函数（$scope，MyService）{
$scope.data=MyService.data；
});
routerApp.controller（'SecondCtrl'，函数（$scope，MyService）{
$scope.data=MyService.data；
});

.navbar{边界半径：0；}
安格拉鲁路由器

家
关于

将您的服务更改为：

this.data = {};
// Other methods or objects can go here?    

return this;

他是个工作狂