Angular中的气泡弹出框自动关闭属性-同一时间只能打开一个气泡弹出框。 _程序开发

创始人

2024-10-31 08:31:24

0次

可以通过在HTML标签中定义属性[autoClose]="true"来启用弹出框自动关闭。但是，这会导致无法同时打开多个弹出框。因此，我们需要在管道符号“|”后面添加一个唯一的标识符，以便在同一时间内只能打开一个弹出框。以下是实现的示例代码：

HTML代码：

Typescript代码： import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'unique' }) export class UniquePipe implements PipeTransform {

transform(value: any[], identifier: any): any[] { return value.filter((v, i, a) => a.findIndex(t => t[identifier] === v[identifier]) === i); }

}

在示例代码中，我们使用了一个名为“unique”的管道，该管道过滤掉重复的标识符，并返回一个新的数组。使用标识符作为唯一代表在同一时间内只允许打开一个弹出框。您可以使用其他标识符，以便同时打开多个不同的弹出框。

透视辅助"wpk安卓... 透视辅助"wpk安卓下载辅助"都是是有辅助挂(哔哩哔哩)1、上手简单，内置详细流程视频教学，新手小白...

透视开挂"wepok... 透视开挂"wepoker俱乐部辅助"原来存在有辅助器(哔哩哔哩)1、用户打开应用后不用登录就可以直接...

透视科普"hhpok... 透视科普"hhpoker辅助器视频"一贯是有辅助app(哔哩哔哩)1、进入游戏-大厅左侧-新手福利-...

透视揭幕"wepok... 透视揭幕"wepoker辅助透视"其实存在有辅助技巧(哔哩哔哩)wepoker辅助透视是不是有人用挂...

透视专业"xpoke... 透视专业"xpoker透视辅助"确实是真的辅助工具(哔哩哔哩)1、起透看视 xpoker透视辅助辅助...

透视必备"wejok... 透视必备"wejoker辅助机器人"本来是真的辅助攻略(哔哩哔哩)一、wejoker辅助机器人可以开...

透视详细"wepok... 透视详细"wepoker怎么提高运气"确实是真的辅助方法(哔哩哔哩)1、完成wepoker怎么提高运...

透视解迷"德普之星a... 透视解迷"德普之星app安卓版破解版"本来真的有辅助攻略(哔哩哔哩)1）德普之星app安卓版破解版辅...

透视透视"hhpok... 透视透视"hhpoker有没有作必弊挂"确实存在有辅助教程(哔哩哔哩)1、让任何用户在无需hhpok...

透视解密"hhpok... 透视解密"hhpoker软件可以玩吗"好像存在有辅助挂(哔哩哔哩)；1、hhpoker软件可以玩吗辅...