html - 从迭代循环中隐藏特定内容并在隐藏面板中显示

标签 html css angular typescript

我这里有这个组件,我希望每当我单击显示隐藏的 div 的 div 内容时,它都会被触发并显示隐藏的表单。我已经做到了,但现在我还需要隐藏当我触发隐藏的 div 时显示的内容的 div,并显示隐藏的 div 代替那个特定的 div,但不是在所有 div 下。所有其他内容应保持原样。谁能帮我?这是我的组件 Example Component

最佳答案

对示例组件进行了编辑。 找到下面发布的链接 https://stackblitz.com/edit/so-list-lj18vu?file=src/app/app.component.ts

您需要为每个元素添加一个标志,在单击一个元素时,您需要将所有元素标记为 false,并将该特定元素标记为 true

然后它按预期工作。

快乐编码:)

关于html - 从迭代循环中隐藏特定内容并在隐藏面板中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52257902/

相关文章:

html - Banner div 在左右边距上有一点空间,这导致这个 div 比上面的 header div 大一点

html - 用Sass自动生成文字图片和对应的CSS?

html - 为什么 LESS 将算术运算打印为文本?

jQuery 对话框标题栏宽度问题

filter - IE9滤镜渐变和border-radius冲突

angular - 如何实现表单的自动保存?

javascript - 如何删除我的文本输出中的一些字母?

typescript - 如何使用 angular2 从 MockBackend 获取 header

typescript - 如何使用 SystemJS 和 Gulp 准备发布版本?

html - LED灯边框