NgStrap的Aside不能正确显示

马文·特拉贝西(Marwen Trabelsi)

这有点类似于我以前的问题,但现在我正在与Aside合作

我的问题如下: 在此处输入图片说明

它没有正确显示。.这是一个有效的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>

有什么建议可以解决这个问题吗?

AngularJR

您是否也包括了CSS?

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

合格的Double不能正确显示

来自分类Dev

GetTime不能正确显示零

来自分类Dev

wxpython gui不能正确显示

来自分类Dev

合格的Double不能正确显示

来自分类Dev

终端+ SSH不能正确显示UTF

来自分类Dev

Gridview不能正确显示为Listview的标题

来自分类Dev

Phoenix不能正确显示负整数

来自分类Dev

<Image source = {require(“”)} />不能正确显示?

来自分类Dev

<Image source = {require(“”)} />不能正确显示?

来自分类Dev

<Image source = {require(“”)} />不能正确显示?

来自分类Dev

<Image source = {require(“”)} />不能正确显示?

来自分类Dev

终端+ SSH不能正确显示UTF

来自分类Dev

显示Xamarin表单StackList不能正确呈现

来自分类Dev

字体粗细不能正确显示不同的页面

来自分类Dev

'htop'不能显示正确的CPU%,但是'top'可以显示

来自分类Dev

单行情不能正确显示在HighCharts图形中

来自分类Dev

css不能在正确位置显示三级菜单

来自分类Dev

动态HTML不能正确显示同位素

来自分类Dev

负数不能以matplotlib xkcd样式正确显示

来自分类Dev

RecycleView,某些项目的subView不能正确显示

来自分类Dev

从GridView导出到Excel不能正确显示波斯语

来自分类Dev

ggplot2,x轴不能正确显示刻度

来自分类Dev

在Console2中运行vim不能正确显示颜色

来自分类Dev

流体行不能正确显示bootstrap 3 + mvc4

来自分类Dev

为什么awk不能显示正确的记录长度?

来自分类Dev

为什么toFixed(2)不能正确显示小数?

来自分类Dev

为什么Apache Batik Rasterizer不能正确显示TrueType字体?

来自分类Dev

mdl-card__supporting-text中的<img>不能正确显示

来自分类Dev

使用angularJs不能以模态显示正确的信息

Related 相关文章

热门标签

归档