可以离子功能＆＃34;离子导航视图＆＃34; （ui-router）使用ngRoute？

Question

我正在尝试将Angularfire-Seed与示例Ionic App合并。到目前为止，这已经很好了。

要浏览我的观点，我有兴趣使用离子功能：

// requires ui-router
<ion-nav-view></ion-nav-view> 

而不是

// requires ngRoute
<div ng-view></div>

问题是离子导航视图（Ionic）是ui-router（see here explanation）的一部分，而ng -oung（Angularfire-seed）的ng-view部分。

因此有一种方法可以继续使用ngRoute（因为很多编码已经在Angularfire-Seed项目中完成，因此我不想切换到ui-router），但仍然使用{{ 1}}？

跟进：是否有人使用Ionic（以及ui-router）实施了AngularFire？可用的git？

Answer 1

不，ion-nav-view使用引擎盖下的ui-router。除非您想编写自己的实现，否则不能使用ngRoute。

修改

要回答有关将您的链接文件与Ionic一起使用的问题，您必须重构它才能使用ui-router。点击此处的UI Router Guide和此处的Ionic docs。非常值得阅读第一个链接以获得透彻的理解。

依赖关系

ui-router包含在Ionic包中，因此您无需将其明确声明为依赖项。

所以假设你已经将Ionic作为依赖，而不是

angular.module('myApp.routes', ['ngRoute', 'simpleLogin'])

你可以拥有

angular.module('myApp.routes', ['simpleLogin'])

.config阻止

我没有使用ngRoute，但$stateProvider的{​​{1}}之间的语法看起来非常相似。使用ui-router，您使用ngRoute就像这样......

$routeProvider

使用.config(function($routeProvider, $locationProvider) { $routeProvider .when('/chat', { templateUrl: 'partials/chat.html', controller: 'ChatCtrl', }) 配置“状态”类似于以下内容（最后使用ui-router捕获任何未明确定义的URL并重定向到您指定的任何URL）< / p>

$urlRouterProvider.otherwise()

身份验证在您的链接文件中处理，此链接可能有助于angular ui-router login authentication。祝你好运！