我的问题如下:
它没有正确显示。.这是一个有效的plnk,但是当我尝试在项目中执行完全相同的操作时,不会得到相同的结果。
这是我的代码结构:
index.html,其中将所有ui路由器视图注入到此处:
<body ng-app="module.app">
<nav class="navbar navbar-inverse">
<div topbar></div>
</nav>
<div class="container-fluid">
<div class="col-md-2">
<div sideBar></div>
</div>
<div class="col-md-10">
<div ui-view="messageBoard"> </div>
<div ui-view="ticketView"> </div>
<div ui-view> </div>
</div>
</div>
</body>
现在是一个空控制器,但它应该可以工作:
var chatModule = angular.module('module.chat', ['ui.router','angularMoment','mgcrea.ngStrap.aside']);
chatModule.controller('ChatController', function($scope, $aside,$rootScope) {
});
如您所见,路由此状态将被注入到主HTML文件的未修饰视图中:
chatModule.config(function($stateProvider, $urlRouterProvider,$locationProvider) {
// use the HTML5 History API
$locationProvider.html5Mode(true);
$stateProvider
.state('Chat', {
url: '/Chat',
templateUrl: 'app/shared/chat/views/chat.html',
controller: 'ChatController',
})
});
chatbox.html
<div>
<b>this is a template</b>
</div>
chat.html(从ngStrap的文档中复制粘贴)
<button type="button" class="btn btn-lg btn-danger" data-template="app/shared/chat/views/chatbox.html" data-placement="left" data-animation="am-slide-left" bs-aside="aside" data-container="body">Custom aside
<br>
<small>(using data-template)</small>
</button>
有什么建议可以解决这个问题吗?
您是否也包括了CSS?
<link rel="stylesheet" href="//mgcrea.github.io/angular-strap/styles/libs.min.css">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句