人:
我在我的页面中使用ui.router而Firefox没有加载视图。
这是配置:
.config(['$urlRouterProvider', '$stateProvider', function($urlRouterProvider, $stateProvider){
$urlRouterProvider.otherwise('/');
$stateProvider
.state('inicio', {
url: '/',
templateUrl: '/templates/principal.html'
})
.state('tienda', {
url: '/tienda',
templateUrl: 'templates/tienda2.html'
})
.state('carrito', {
url: '/carrito',
templateUrl: 'templates/carrito.html'
})
.state('contacto', {
url: '/contacto',
templateUrl: 'templates/contacto.html'
})
在html中,我正在使用标签显示我想要显示视图的部分以及导航栏上的ui-sref属性,但Firefox会将它们显示为段落。
<nav class="navbar navbar-inverse navbar-custom" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a ui-sref="inicio"><span class="glyphicon glyphicon-home"></span> PRINCIPAL</a></li>
</li>
<li>
<a ui-sref="tienda"><span class="glyphicon glyphicon-usd"></span> TIENDA</a></li>
</li>
<li>
<a ui-sref="carrito"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> CARRITO</a></li>
</li>
<li>
<a ui-sref="contacto"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> CONTACTO</a></li>
</li>
</ul>
</div>
</div>
<button type="button" class="btn btn-success pull-right">Ingresar</button>
</div>
</nav>
<div class="container">
<div ui-view></div>
</div>
这是截至目前的代码。在chrome中工作非常好,但Firefox根本不识别ui-sref。