AngularJS移动ui-view会中断渲染
AngularJS moving ui-view breaks rendering
我正在使用jhipster框架开发一个angularJS站点。该框架提供了AngularJS + Bootstrap + Spring Boot的组合。我一直在尝试用角材料代替bootstrap,但我这样做有麻烦。
原index.html设置:
<div ui-view="navbar" ng-cloak=""></div>
<div class="container">
<div class="well" ui-view="content"></div>
</div>
导航栏和内容ui-view都映射到视图:
$urlRouterProvider.otherwise('/');
$stateProvider.state('site', {
'abstract': true,
views: {
'navbar@': {
templateUrl: 'scripts/components/navbar/navbar.html',
controller: 'NavbarController'
}
},
resolve: {
authorize: ['Auth',
function (Auth) {
return Auth.authorize();
}
],
translatePartialLoader: ['$translate', '$translatePartialLoader', function ($translate, $translatePartialLoader) {
$translatePartialLoader.addPart('global');
}]
}
});
$stateProvider
.state('home', {
parent: 'site',
url: '/',
data: {
authorities: []
},
views: {
'content@': {
templateUrl: 'scripts/app/main/main.html',
controller: 'MainController'
}
},
resolve: {
mainTranslatePartialLoader: ['$translate', '$translatePartialLoader', function ($translate,$translatePartialLoader) {
$translatePartialLoader.addPart('main');
return $translate.refresh();
}]
}
});
我想在我的导航栏视图中呈现我的内容,因为这就是角材料侧导航组件的工作方式:http://codepen.io/marcysutton/pen/OPbpKm,这就是我的麻烦开始的地方。
如果我将内容ui-view移动到导航栏的正确位置renderder
新navbar.html:...
</md-sidenav>
<div layout="column" flex id="content">
<md-content layout="column" flex class="md-padding">
<div class="well" ui-view="content"></div>
</md-content>
</div>
...
我需要在我的angular代码中改变一些东西来支持这个行为吗?提前感谢!注意:原来的index.html可以工作,移动后会失败。
我通过以下操作修复了它:
views: {
'content@site': {
...
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- FabricJs-限制主对象内添加对象的移动区域
- 如何从画布上的某个移动事件中获取X和Y
- 触摸移动时切换到新元素
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 停止jQuery UI滑块移动超过给定值
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 高亮显示与数组字符串一起使用时文本插件中断
- AngularJS代码在一个代码笔中工作,但在移动时会中断
- 为什么这个JQuery代码会在移动设备上中断
- 使用弹出模式中断k-pager-nav以确认/拒绝移动到新页面
- 触摸事件因 Chrome 移动模拟器中的 ReactJS 升级而中断
- 整页.js - 设置响应宽度和滚动溢出在移动设备上中断页面
- D3在鼠标上沿路径移动圆平移X轴上的直线时移动中断
- AngularJS移动ui-view会中断渲染
- 使用append()移动对象后,jQuery侦听器目标似乎中断了
- KnockOut绑定在移动DOM元素后中断