文章/答案/技术大牛

发布

社区首页 >问答首页 >ng-bootstrap崩溃在angular10中不起作用吗？

问ng-bootstrap崩溃在angular10中不起作用吗？
EN

Stack Overflow用户

提问于 2021-03-19 19:19:19

回答 1查看 207关注 0票数 1

在我的angular10应用程序中，我实现了ng-bootstrap collapse。

component.html

<div class="op-bg-dark-blue op-font-12 darkblue-block-padding" (click)="collapse.toggle()"
[attr.aria-expanded]="!isCollapsed" aria-controls="collapseExample">
   <span class="mb-0 op-text-white font-bold">Total Bid Rate</span>
   <span class="mb-0 float-right op-text-white font-bold">105,328 <i class="fa fa-angle-right ml-1"> 
    </i></span>
</div>

<div #collapse="ngbCollapse" [(ngbCollapse)]="isCollapsed">

</div>

component.ts

isCollapsed = false;

但问题是，当我单击div打开callapse时，它会给出一个错误

_r0.toggle is not a function

我该如何解决这个问题呢？

angular

ng-bootstrap

回答 1

Stack Overflow用户

发布于 2021-03-19 20:23:50

Hello @FahadSubzwari我在stackblitz尝试过来自ng-bootstrap.github.io的ng-bootstrap collapse example。但是，正如您在问题中演示的那样，我没有发现任何错误。但我发现，除非我将index.html更改为代码below=>，否则该按钮什么也做不了

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.22.0/themes/prism.css" />
</head>

<body>
  <div class="container-fluid">
    <my-app>loading</my-app>
  </div>
</body>
</html>

对于collapse来说，这两个stylesheet内部头部是必需的。

所以，你可以查看我的stackblitz演示链接=> Demo of ng-bootstrap in Stackblitz。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66707167

复制

相似问题

问ng-bootstrap崩溃在angular10中不起作用吗？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ng-bootstrap崩溃在angular10中不起作用吗？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ng-bootstrap崩溃在angular10中不起作用吗？
EN