ng-route读取链接并找到具有相同名称的特定控制器

Question

我正在使用ng-click和ng-view路由我的div id= "listings"以显示不同类型的移动商家信息，例如iphone 4，iphone 5，{{1} }，nexus 4，nexus 5，nexus 6等。

这是我的Plunkr。

lg g3

在我的routeProvider中：

<div ng-repeat = 'breakdown in selected.breakdowns' ng-href = '#{{breakdown}}'>

  {{breakdown}}

</div>

等等。但这似乎很乏味。应用程序是否有办法读取URL，而不是单独为每个人执行此操作，例如.when('/', { controller : 'home-ctrl', }) .when('/nexus_4, { controller : 'nexus_4-ctrl', templateUrl : 'listings.html', }) ，然后搜索名为mywebsite.com/nexus_5的控制器文件？

谢谢！

Answer 1

据我所知，他们无法将动态控制器绑定到任何路由。您必须为每个可能的状态创建路线。是的，您可以动态加载控制器文件或使用Lazy load按需说。我在我的项目中使用了相同的功能，并且与我一起工作正常。

以下是我的代码片段，我是如何做到的。

onfocus="this.ph=this.placeholder;this.placeholder=''" onblur="this.placeholder=this.ph"

在解析块中加载所有必需的文件，以便在加载控制器之前必须加载所有依赖项。

1. 另一个解决方案是使用角度UI-ROUTER。 ui-路由器支持单一状态的多视图。因此，不需要为每种可能的情况创建状态。只需创建主题视图。