Question

这与my previous problem有点类似，但现在我正在使用Aside

我的问题如下： enter image description here

它没有正确显示..这是一个有效的plnk，但是当我尝试在我的项目中完全相同时，它不会得到相同的结果。

这是我的代码结构：

index.html 此处注入了所有ui-router视图：

<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＆＃39; doc复制粘贴）

<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>

有任何建议可以解决这个问题吗？

Answer 1

你也包括了css吗？

<link rel="stylesheet" href="//mgcrea.github.io/angular-strap/styles/libs.min.css">

NgStrap＆＃39; s除了没有正确显示

1 个答案: