将数据分配给angularjs var并加载显示该对象的单击数据的视图

Question

我展示了一些＆＃34;课程＆＃34;在列表中，将所有课程分配给angular var并使用ng-repeat显示所有＆＃34;课程＆＃34;。 当用户点击＆＃34;当然＆＃34;应用程序需要加载视图（通过使用ng-view和angular routing）并显示使用单击的课程数据的templateURL。

我做的是当用户点击课程时，我调用一个函数，将课程数据分配给角度变量（$ scope.selectedCourse = course），然后更改url路径（$ location.path（＆＃39; courseView＆＃39））。 ＆＃39; courseView＆＃39;应该使用＆＃39; selectedCourse＆＃39;数据并显示course.id，course.name等。

我接受了课程视图，但没有选择课程＆＃39;数据。 它如何工作或什么是更好的方法来点击课程并显示带有所选对象数据的courseView？

Answer 1

主要思想是将数据提取到单独的服务并且用户解析路由模式。

1. 创建一个所有课程都将存在的服务。
2. 在第一个控制器内使用此服务来呈现课程列表
3. 当用户点击课程时，提取课程ID或smth类似并将其传递给路线，如下所示：/ courseview / 12
4. 修改您的路由以使用resolve部分，并从第1页提到的服务中获取具体课程
5. 使用第二个控制器中的课程/

Here您可以阅读有关解决路线模式的更多信息