如何根据我们在angular中点击的按钮改变ngb Accordion的activeIds
在Angular中，可以通过点击按钮来改变ngb Accordion的activeIds。ngb Accordion是Angular Bootstrap库中的一个组件，用于创建可折叠的面板。
要根据点击的按钮来改变ngb Accordion的activeIds，可以按照以下步骤进行操作：
- 在组件的HTML模板中，使用ngb Accordion组件创建折叠面板，并绑定activeIds属性到组件的一个变量。例如：
<ngb-accordion [activeIds]="activeAccordionIds">
<ngb-panel title="面板1" id="panel1">
<!-- 面板1的内容 -->
</ngb-panel>
<ngb-panel title="面板2" id="panel2">
<!-- 面板2的内容 -->
</ngb-panel>
<ngb-panel title="面板3" id="panel3">
<!-- 面板3的内容 -->
</ngb-panel>
</ngb-accordion>- 在组件的Typescript代码中，定义一个变量activeAccordionIds，并初始化为空数组。例如：
activeAccordionIds: string[] = [];- 创建一个方法，用于处理按钮的点击事件。在该方法中，根据点击的按钮来改变activeAccordionIds的值。例如：
onButtonClick(panelId: string) {
if (this.activeAccordionIds.includes(panelId)) {
// 如果activeAccordionIds中已经包含了该面板的id，则移除该id
this.activeAccordionIds = this.activeAccordionIds.filter(id => id !== panelId);
} else {
// 如果activeAccordionIds中不包含该面板的id，则添加该id
this.activeAccordionIds.push(panelId);
}
}- 在按钮的点击事件中调用上述方法，并传入对应面板的id作为参数。例如：
<button (click)="onButtonClick('panel1')">按钮1</button>
<button (click)="onButtonClick('panel2')">按钮2</button>
<button (click)="onButtonClick('panel3')">按钮3</button>通过以上步骤，当点击按钮时，会根据按钮对应的面板id来改变activeAccordionIds的值，从而改变ngb Accordion的展开状态。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，用于部署和运行应用程序。详情请参考：腾讯云云服务器（CVM）
- 腾讯云云数据库MySQL：提供高性能、可扩展的关系型数据库服务，用于存储和管理数据。详情请参考：腾讯云云数据库MySQL
相关·内容
使用ng-bootstrap accordion模块，默认情况下运行良好。正在尝试自定义切换功能，该功能将在单击按钮时立即显示/折叠。
经过一定的调试，现在已经实现了功能。我想确保方法是好的还是不好的。
这是我尝试过的：
组件：
import { Component, ElementRef } from '@angular/core';
import {NgbAccordionConfig,NgbPanelChangeEvent} from '@ng-bootstrap/ng-bootstrap';
@Component({
selector:
浏览 10提问于2018-01-28得票数 0
回答已采纳
1回答
每当找到搜索文本时，我都使用ngb手风琴来显示手风琴。现在我的要求是在标题上添加一个按钮。点击哪个将带我到另一个组件。
HTML中的代码如下：
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
<ngb-panel [title]='(metadata.topic)?"Topic: "+metadata.topic:
(metadata.item)?"Product: "+metadata.item:"EMPTY"
浏览 2提问于2018-03-14得票数 1
回答已采纳
我只想在ngFor中删除项目，但是当我单击“删除”按钮时，它总是会重新加载页面。我知道ng模板有问题。有什么建议吗？非常感谢!
以下是代码：
<ngb-accordion [closeOthers]="true" #acc="ngbAccordion" class="ngb-accordion" activeIds="ngb0">
<ngb-panel *ngFor="let stock of StockInvestForecast;let i = index" id="ngb{
浏览 1提问于2018-03-07得票数 1
回答已采纳
3回答
我在努力寻找解决办法，从纳-马斯特拉开始寻找解决方案。
根据--是否有可能在任意位置单击并展开/折叠？不只是标签..。
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
<ngb-panel title="Simple" >
<ng-template ngbPanelContent>
Test text
</ng-template>
</ngb-panel>
</ngb-a
浏览 0提问于2020-08-06得票数 3
回答已采纳
我有两个组件搜索-元数据和附加元数据。
我有一个编辑按钮在搜索-肉元数据点击它应该路由到添加元数据。
编辑按钮在<ng-模板>中，当我单击“编辑”按钮时，它将路由到仪表板。
但是当我在< ng>标记之外添加编辑按钮时，它将正确地路由到添加元数据。
search-metadata.html
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
<ngb-panel [title]='(metadata.topic)?"Topic
浏览 0提问于2018-03-14得票数 0
回答已采纳
我使用了一个ngFor循环来显示ngb-的动态更新数据。当页面第一次显示时，我使所有折叠面板都处于活动状态；但是，当数据结构自动更新时，面板会折叠。我希望它们保持打开状态并显示刷新的数据。dashboardDataMulti是在组件中被更改的变量。我不确定是什么原因导致面板崩溃，但我可以肯定地说，这是在更新dashboardDataMulti变量时发生的。
更新:我能够在没有ngx-charts的情况下重现错误。这个问题似乎是由于ng-bootstrap或Angular的问题造成的，在这个问题中，动态数据在accordion中重新填充(为了简洁，代码进行了编辑)。
HTML代码：
&l
浏览 2提问于2018-06-14得票数 1
3回答
我想把一些结构从1.4角度.
我也有一些麻烦。例如，我有这样的结构：
组件是一个模块，客户是一个模块，列表是一个模块。
我在导入模块和组件时遇到了麻烦。
我是这样做的：
app.module
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from &
浏览 3提问于2016-12-16得票数 2
2回答
如何设置ngb手风琴的角度展开
、、、、
我现在有ngb-手风琴设置到许多面板。默认情况下，面板将关闭，当单击时，我将使用自定义函数展开面板。我想知道如何设置一个手风琴在默认情况下展开，如果类别名称是选择的。
<div class="col-md-12">
<ngb-accordion #filterAccordion [animation]="false" (click)="heightChanged()"#acc="ngbAccordion" [activeIds]="activeIds">
&l
浏览 17提问于2022-04-10得票数 1
accordion image我对angular是个新手。我想在accordion中使用一个click函数，这样当单击面板标题时，映射到它的学生姓名就会传递给组件中的我的函数。有人能帮我吗。 我试着用ngb-panel和ng-template来点击，但都失败了。我还试图将模板包装在一个span中，并将click函数链接到它，但也没有成功。我可以在我的组件中获得面板ID，但我还需要数据对象。 Info Array
[{
"firstName": "Sagar",
"middleName": "Alias"
浏览 12提问于2019-05-27得票数 0
1回答
我在用手风琴。
<ngb-accordion [closeOthers]="true" activeIds="static-0">
<ngb-panel id="static-{{i}}" title="{{panel.title}}" *ngFor="let panel of (panels | search:'panel,content':query);let i = index;">
<ng-template ngbPanelContent>
浏览 2提问于2017-08-31得票数 0
回答已采纳
我一直在与ng-引导结合在一起玩角形游戏，我很困惑于以下几点：
我的页面上有一个NgbAccordion：
<ngb-accordion #acc="ngbAccordion">
<ngb-panel *ngFor="let container of answer.resultObj.containers.containers" title="{{container.metadata.title}}">
<ng-template ngbPanelContent>
<ap
浏览 0提问于2018-03-23得票数 7
回答已采纳
2回答
我用的是ngb手风琴。切换标头会导致其子组件重新初始化。例如，切换标头会导致下拉式重置。看起来这是因为当面板被隐藏时，<div class="card-block"></div>被删除了。
当组件“隐藏”在手风琴中时，我如何保持组件的状态？
模板文件：
<ngb-accordion activeIds="side-bar-accordion-1" (panelChange)="beforeChange($event)">
<div [class.hide-card-block]="statu
浏览 1提问于2016-11-06得票数 2
回答已采纳
我在为使用ngb-accordion显示其内容的组件编写单元测试时遇到问题。在本例中，accordion仅用于样式目的，但我使用它在整个应用程序中提供设计一致性。 我能想到的用来显示错误的最简单的模板： <ngb-accordion #acc="ngbAccordion" activeIds="sample">
<ngb-panel id="sample">
<ng-template ngbPanelContent>
<p class="myClass">S
浏览 23提问于2020-10-03得票数 2
回答已采纳
我想在我的ng-template状态改变时创建动画，但是我没有找到关于这个组件的任何东西……
这是我的report.component.html
<ngb-accordion (click)="arrowRotation(i)" (panelChange)="isOpen($event) "
*ngFor="let signature of report.xmlReport.signatures; let i=index">
<ngb-panel>
<
浏览 0提问于2020-02-27得票数 1
1回答
我是Angular的新手，我正在使用Angular 8构建一个带有ng-bootstrap的页面。我的页面上有一个手风琴，上面有3个不同的部分。每个部分都包含一个表。表中每一行最左边的元素是一个下拉按钮，其中包含我希望能够从中进行选择的页面列表。 问题是，我的下拉列表中的项目被隐藏在手风琴的面板后面。我读过很多关于这个问题的stackoverflow帖子(特别是bootstrap)，但提供的解决方案似乎并没有解决这个问题。我尝试将css属性设置为下拉列表，以设置z索引和设置overflow: visible，但这两种方法都不起作用。在摆弄了很长一段时间后，我想我应该发布一个问题。下面的示例几
浏览 6提问于2019-10-16得票数 4
回答已采纳
1回答
使手风琴成为复选框
、、、、
在我的角度应用中，我使用的是自举手风琴。
但我希望手风琴作为一个复选框，如果复选框被选中，手风琴应该展开和选择。
但我做不到。我什么都试过了。
以下是代码：
<div class="card">
<div class="card-body">
<h4 class="card-title">Solid header accordion</h4>
<p class="card-description">Use class &
浏览 2提问于2022-04-05得票数 1
回答已采纳
如何在手风琴之外只渲染一个面板？
这不会渲染任何内容...
<ngb-panel title="Login">
<ng-template ngbPanelContent>
Hello
</ng-template>
</ngb-panel>
但这样做(具有可折叠的手风琴行为-这是我不想要的…)
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
<ngb-panel title="Log
浏览 17提问于2017-12-07得票数 3
回答已采纳
我使用的是角(TypeScript)和d3.js v4 (版本4.13)和ng引导。
d3-component.html
<div class="container-fluid">
<div class="row">
<div class="col-lg">
<ngb-accordion #acc="ngbAccordion"
activeIds="ngb-panel-0, ngb-panel-1" id="accordion">
<
浏览 0提问于2018-03-15得票数 0
回答已采纳
我对棱角很陌生，但在我来到这里之前，我尝试了很多谷歌搜索来寻找解决方案。
我的问题是：
使用模板方法，我尝试创建一个嵌套表单，它也包含子组件的输入字段。要在父窗体对象中注册子组件，我在子组件中添加了：
viewProviders: [ { provide: ControlContainer, useExisting: NgForm }
它工作得很好，子组件输入现在集成到父表单对象中。但是，子组件不止一次被引用，因此它的字段集应该不止一次集成到formobject中。相反，子组件的输入字段只添加一次，我认为这是因为输入字段需要唯一的名称，否则它们只是过写，还是？
为了得到更多的澄清，我使用ngF
浏览 4提问于2020-05-26得票数 0
我的申请表里有注册表。在表单中，im使用两个标签，一个用于个人详细信息表单，另一个用于otp验证表单。
填写完个人详细信息表单后，点击下一步，个人详细信息表单的值应通过api调用存储在数据库中，然后打开验证选项卡。在这种情况下，我不知道如何改变标签(动态口令验证表)时，下一步按钮点击。
我正在使用ng-bootstrap选项卡集。我对angular或angular 6是全新的，这是angular 6的应用。请帮帮我。
这是我的注册函数(点击下一步后)：
onRegister(User: any) {
this.spinner.show();
if (User.user_doct
浏览 0提问于2018-11-15得票数 0
1回答
因此，我已经创建了一个角库项目，我正在我的应用程序源代码中使用它，而没有发布(到目前为止)。
创建此库的原因是设置一些公共组件，这些组件将通过剥皮(更改scss) ng引导库创建，然后在应用程序的各个页面中使用。
到目前为止，我已经成功地剥去了一些没有使用自定义标签的组件，例如Tabs、Datepickers等，它们都能按预期工作，我可以将它们作为我的库级模块的一部分导出，然后在我的应用程序中需要时导入这些组件。
现在，我也计划剥离ng手风琴，但它不同于其他提供的组件，即它具有自定义标记<ngb-accordion>、<ngb-panel>等，这给了我以下错误(在构建时
浏览 2提问于2021-05-06得票数 2
尽管我的HTML加载了(由于顶部的"HI", "title1", "objName11"标记能够看到span )，但是的ngb手风琴并没有在视图上呈现。我想不出我错过了什么。
没有编译/生成错误。控制台上没有错误。:(
我看到了一些关于NGB-PRECOMPILE的东西，这有必要吗？也无法在@ng引导/ng引导中找到它。
下面是代码片段(我已经通过删除onInit实现大大简化了代码，在这里，我使用服务/可观察性来实际加载MyObject__，仅此而已)
我的模板：./omeComponent.Component.html：
<sp
浏览 3提问于2016-08-24得票数 1
1回答
我无法获得$event值的按钮单击。讽刺的是，它显示在一个按钮点击，而不是其他。
组件HTML
<ng-template ngFor let-item="$implicit" [ngForOf]="eventDetails.eventProducts" let-i="index">
<div class="kt-section kt-section--space-lg">
<div class="kt-section__heading"&
浏览 3提问于2020-02-03得票数 0
回答已采纳
1回答
我收到错误消息 Uncaught Error: Template parse errors:
There is no directive with "exportAs" set to "ngbAccordion" ("
<p *ngIf="spinner" class="text-center margin-100">Loading...</p>
<ngb-accordion [ERROR ->]#acc="ngbAccordion" activeId
浏览 23提问于2019-04-11得票数 1
回答已采纳
1回答
我试图学习，反应，并建立一个简单的应用程序，从Reddit API。我现在要做的是添加一个虚拟的星型按钮，这个按钮从空的边框开始，点击后填充，就像用户能够喜欢这个帖子一样。我最初将start设置为false，当用户单击start时，状态设置为true，并切换星星的样式。我现在的问题是，当它被点击时，它正在做我希望它做的事情，但它改变了每个帖子的星体风格，而不仅仅是它点击的一个帖子。所以我要做的是保持状态范围内的帖子项目，星星被点击它。这就是我的代码当前的样子：
import React, { Component } from 'react';
import './Car
浏览 0提问于2018-10-11得票数 0
回答已采纳
1回答
在我的代码中，HTML文件中的标题和内容出现了两个错误。我想输入帖子项目并显示在列表中。
属性“title”不存在于“从不”类型上。属性'content‘在类型'never’上不存在。
<ngb-accordion #acc="ngbAccordion" *ngFor="let post of posts">
<ngb-panel id="toggle-1" title="{{post.title}}" >
<ng-template ngbPanelContent>
浏览 0提问于2021-07-22得票数 0
1回答
我正在尝试使用角2.0.0-beta.15，中的手风琴或面板，但当我试图使其工作时，我有以下消息“属性'ngOnDestroy‘在’NgbAccordionGroup‘中丢失了。”
import {bootstrap} from '@angular/platform-browser-dynamic';
import {Component, OnDestroy} from '@angular/core';
@Component({
selector: 'ngb-accordion,[ngb-accordion]',
inputs:
浏览 3提问于2016-06-07得票数 1
回答已采纳
因此，我尝试使用ng-bootstrap组件将bootstrap集成到我的angular 2应用程序上。
按照本教程的要求，我创建了一个类似手风琴的结构来显示我从服务器获取的文章。
模板如下所示
<ngb-accordion *ngFor="let article of articles">
<ngb-panel title="{{ article.title }}">
<template ngbPanelContent>{{ article.summary }}</template>
</n
浏览 0提问于2017-02-07得票数 0
我使用的是具有角度13的ng引导手风琴。我的问题是，在中间使用自定义组件时手风琴条目不会出现。
当我第一次尝试使用自定义组件时：
<ngb-accordion [closeOthers]="true">
<custom-panel *ngFor="let i of someList" [el]=i></custom-panel>
</ngb-accordion>
自定义面板：
<ngb-panel>
<ng-template ngbPanelHeader&g
浏览 6提问于2021-12-29得票数 0
回答已采纳
2回答
任何人都知道如何为添加icon-arrow-down
我添加了这个<i class="icon-arrow-down"></i>，但没有工作
这是我的密码
<ngb-accordion #acc="ngbAccordion">
<ngb-panel title="Task Tyeps (5)"> <i class="icon-arrow-down"></i>
<ng-template ngbPanelContent>
text.
浏览 3提问于2018-10-30得票数 3
回答已采纳
1回答
我想根据面板是展开还是折叠，在手风琴的ngb-panels标题中呈现两个不同的图标/div。这些面板在them.So中有一些表单内容，当面板关闭时，它会显示一个图标，当它打开时，它必须显示另一个图标。 HTML和CSS模板示例 input[type="text"],
select.form-control{
background: transparent;
border: none;
border-bottom: 1px solid #000000;
-webkit-box-shadow: none;
box-shadow: none;
borde
浏览 27提问于2021-04-29得票数 0
我让ngb-accordion工作得很好，直到我在ngbPanelHeader中放入一个文本输入元素， 当我在ngbPanelHeader部分的下面的文本输入元素中输入一些值时，ngb面板会折叠，然后会自动创建另一个面板并显示在下一个面板中 <ngb-accordion [closeOthers]="false" [activeIds]="activeRule" formArrayName="rules"
(panelChange)="beforeChange($e
浏览 14提问于2020-07-05得票数 0
1回答
我在for循环中使用。它正在为一个部件工作，但是在for循环中打开活动元素似乎是不可能的。
我想让它成为可能，当一个手风琴元素包含属性'OpenAccordion'时，该元素的面板将打开。因此，我需要为数组中的每个元素定义activeIds和id，以使其成为可能。
当我在<ngb-accordion></ngb-accordion>之外定义*ngFor时，它可以工作，因为我可以将索引链接到activeIds和id。但是他的时间不可能一次打开一个面板，因为面板是分开的。
[closeOthers]正在处理这个问题，但是open one panel at a
浏览 2提问于2020-07-31得票数 3
回答已采纳
1回答
我在用鞋带手风琴。我需要显示面板的标题在ngb-手风琴，如果它有错误。因为我在ngb-手风琴里面有个造型。
我有一个表格，我用ngb手风琴把我的表格分成两部分。假设第一个面板(Ngb)包含联系人详细信息，第二个面板包含教育详细信息。
如果第一个面板下的字段有错误，则其标题颜色需要更改为红色。因为头的DOM元素是在显示UI时创建的。我不能动态地改变颜色。
<form>
<ngb-accordion #acc="ngbAccordion" [closeOthers]="true">
<ngb-pa
浏览 0提问于2018-01-31得票数 2
我有一个生成子accordion的列表，每个子accordion都在使用父accordion中的ngFor生成的面板列表中的一个面板中。我需要根据一些逻辑切换一个特定的子级手风琴。但是它不起作用，我在ngfor生成的手风琴列表中找不到一个手风琴。
在html文件中
<ngb-accordion #acc1="ngbAccordion" >
<ngb-panel #parentPanel *ngFor="let parentPanel of parentPanels; let parentPanelIndex=index" id="{{
浏览 1提问于2018-05-31得票数 0
我试图用自定义样式覆盖NG2-引导手风琴css样式，但是样式没有得到应用。
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
<ngb-panel class="customclass1" title="Simple">
<ng-template ngbPanelContent>
Anim pariatur cliche reprehenderit, enim eiusmod high
浏览 2提问于2018-04-12得票数 3
在ngb分级中，最大值的动态变化并不反映在星长上。双向绑定正在[max]=""中发生。但是星星的长度并没有改变。 <ngb-rating [(rate)]="currentRate" [max]="maxValue"></ngb-rating>
<hr>
<pre>Rate: <b>{{currentRate}}</b></pre>
<button class="btn" (click)="addValue()">A
浏览 20提问于2021-07-23得票数 2
1回答
从设置手风琴，但样式没有正确导入。我希望看到像这样的灰色盒子：
目标：
但是，我的代码如下所示：
app.module导入(由于而使用forRoot() )：
NgbModule.forRoot()
HTML：
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
<ngb-panel title="Simple">
<ng-template ngbPanelContent>
Hi!
<
浏览 0提问于2018-10-24得票数 1
回答已采纳
它在for循环中不起作用。 <ng-container *ngFor="let p of [0,1,2]">
<ngb-accordion [closeOthers]="true">
<ngb-panel id={{p}}>
<ng-template ngbPanelTitle>
title
</ng-template>
<ng-template ngbPanelC
浏览 11提问于2019-09-10得票数 0
1回答
我正试图在我的应用程序中实现ng引导手风琴。
<ngb-accordion [closeOthers]="true" activeIds="config-panel-one">
<div *ngFor="let parent of parentsInfo;let j = index">
<ngb-panel>
<ng-template ngbPanelTitle>
<div role=&
浏览 1提问于2019-01-02得票数 0
回答已采纳
3回答
我试图在中显示不同的图标，以指示它是打开的还是当前关闭的，但我不知道如何获取这些数据。
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0" is-open="isOpen" >
<ngb-panel>
<ng-template ngbPanelTitle>
<span>Some title</span>
<span class="pull-right">
浏览 0提问于2018-05-07得票数 5
回答已采纳
我有一个简单的手风琴，定义如下
<ngb-accordion>
<ngb-panel #group>
<ng-template ngbPanelTitle>
<i [ngClass]="{'fa-chevron-circle-down': group?.isOpen}">
它完全按照预期工作。现在我已经升级到Angular 9并添加了严格的模板检查，它在group?.isOpen上失败了，因为它不知道组的类型是什么。我不知道如何正确地分配这个#group。
例如，对于导航，我使用了<
浏览 7提问于2020-05-07得票数 0
回答已采纳
我正在寻找一种让ngbPanelHeader触发ngb-accordion中的内容以打开/关闭内容的方法。似乎手风琴要求标题是内容打开/关闭的触发器。
例如，如果一个<ng-template>在<ngb-panel>中(在<ngb-accordion>中)被赋予ngbPanelTitle属性，它将成功地触发手风琴来打开/关闭它的内容。但是，如果同一个<ng-template>具有ngbPanelHeader属性，则不会。
任何解决办法的建议都将不胜感激！
Ağrı给出答案的后续跟进
我发现，他的解决方案可以与非按钮元素一起使用，方法是将单击事件
浏览 2提问于2020-04-24得票数 0
回答已采纳
我有一个手风琴，当我点击标题时它就会打开。我还添加了一个人字形，当它打开时我想改变它的方向。我不确定如何使用accordion来做到这一点，因为我不会因为点击按钮而改变状态。我的手风琴代码： <Accordion defaultActiveKey="0">
<Card>
<Accordion.Toggle as={Card.Header} eventKey="1">
Roll History <FaChevronDown />
</Ac
浏览 36提问于2019-12-25得票数 3
回答已采纳
我正在使用ng引导引导组件。
我对Angular2还很陌生，很难掌握一些概念。
旋转木马组件不包括onClick事件输出。
我正在尝试创建我自己的同时保持我点击的幻灯片的信息。
因此，我尝试这样做：
<ngb-carousel>
<template ngbSlide id="mySlide" (click)="onSlideClicked()">
<img src="../assets/slide.jpg">
<div class="carousel-caption"&
浏览 3提问于2016-10-01得票数 1
回答已采纳
我有下面的代码，它是有效的。
<ngb-alert *ngIf="alertError" class="fade animate-show animate-hide" (close)="alertError = false"><strong>{{ message }}</strong></ngb-alert>
<ngb-alert *ngIf="alertSuccess" class="animate-show animate-hide" type="
浏览 3提问于2017-08-26得票数 5
当没有焦点在手风琴上时，星形显示
当焦点放在手风琴上时，星星就消失了。
下面是我的CSS，用来显示手风琴左侧的星号：
.icon-star2.relevant-source {
position: absolute;
margin-left: -5em;
}
下面是使用x来隐藏敏感信息的标记前置变量
<ngb-accordion class="accordion accordion-alternate">
<ngb-panel class="source-accordion" *ngFor=&
浏览 0提问于2018-05-09得票数 0
2回答
Angularjs手风琴
、、、
如何扩展手风琴面板上的按钮点击功能？
这是我的HTML：
<!doctype html>
<html ng-app="plunker">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
<script src="http://angular-ui.github.com/bootstrap/ui-bootstrap-tpls-0.2
浏览 2提问于2016-04-12得票数 0
我有一个使用*ngFor循环定义的ng-accordion，我想调整位置并将路由绑定到特定面板的视图。理想情况下，当客户端单击展开面板时，浏览器中的位置将会更新，并且浏览器中会存储一个新的历史记录项。此外，如果客户端输入的URL与正在显示的特定折叠面板项相对应，我希望确保反映出适当的状态。
例如：
<ngb-accordion closeOthers="true">
<ngb-panel *ngFor="let faq of faqService.getItems()" id="{{faq.id}}" title="
浏览 7提问于2017-06-14得票数 3
回答已采纳
2回答
我在我的angular应用程序中使用ngb-pagination进行分页，我只需要下一步和上一步按钮。但是ngb分页也给了我页面按钮。我怎么才能隐藏这些呢？有谁有主意吗？
<ngb-pagination
[(page)]="page"
[pageSize]="pageSize"
[collectionSize]="slotJson.length"
[maxSize]="1">
<ng-template ngbPaginationPrevious>Prev</ng-template&
浏览 52提问于2020-06-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
