modal-dialog 相关问题

我有一个简单的确认Mat对话框。该组件的 html 是： {{数据.标题}} {{数据.消息}} 我得到了一个简单的确认MatDialogbox。该组件的 html 是： <h2 mat-dialog-title>{{data.title}}</h2> <mat-dialog-content> <p>{{data.message}}</p> </mat-dialog-content> <mat-dialog-actions [align]="'end'"> <button mat-raised-button cdkFocusInitial mat-dialog-close [mat-dialog-close]="false"> {{data.cancelCaption}} </button> <button mat-raised-button color="primary" [mat-dialog-close]="true"> {{data.confirmCaption}} </button> </mat-dialog-actions> 通过服务调用： confirmDialog(data: ConfirmDialogData): Observable<boolean> { return this.dialog .open(ConfirmDialogComponent, { data, width: '490px', disableClose: true, }) .afterClosed(); } 功能按预期工作。 Chrome 的控制台不显示此消息。然而边缘的控制台说： [Deprecation] -ms-high-constrast is in the process of being deprecated. Please see <URL> for tips on updating to the new Forced Colors Mode standard. 我没有添加任何自定义 CSS。因此，无论使用什么类，都是开箱即用的角材料。我需要在代码中做什么才能不收到此弃用消息？看起来它已集成在组件中，因此您无法更改它。最近，弃用已被推进，警告消息也已被推进。 Angular 团队现在可能一直在努力弃用它，因此您可以预期在未来版本中不会看到弃用警告。当然，您可以在 https://github.com/angular/angular/issues 向他们提交反馈，让他们了解更改。

angular-material modal-dialog microsoft-edge angular17

回答 1 投票 0

我想使用复选框启动模式

一旦复选框的值更改为 True，我想启动一个模式，我已经尝试为此创建函数，但是一旦我选中该复选框，它就不会显示任何内容。我不断改变并且

google-sheets google-apps-script modal-dialog

回答 1 投票 0

引导模式事件未触发

我想在我的模式被关闭后简单地做一些逻辑。在模式中我有一个按钮：保存查... 我想在我的模式被关闭后简单地做一些逻辑。在模式中我有一个按钮： <button type="button" class="btn btn-primary" onclick="$('#mymodal').modal('hide');">Save changes</button> 在视图中，我正在等待事件被触发，但它永远不会被触发。 $('#mymodal').on('hide.bs.modal', function (e) { alert('event fired') }); 我尝试在 chrome 开发工具中放置断点，该事件仅在第一次加载视图时触发。此后，再也不会到达断点。我是不是做错了什么？顺便说一句，模态正在按照我想要的方式隐藏。在你看来，你需要添加 dom 就绪函数并在其中编写代码， $(function(){ // let all dom elements are loaded $('#mymodal').on('hide.bs.modal', function (e) { alert('event fired') }); }); 工作演示虽然接受的答案是正确的，但我的情况略有不同，但我没有找到答案。我正在动态创建模态，因此它们在页面加载时不存在。我使用 JQuery .append('body') 将它们添加到 DOM 中。因此 $('#mymodal').on('hide.bs.modal', function(e) { 不起作用......我不得不将我的事件侦听器更改为 $(document).on('hide.bs.modal', '#mymodal', function(e) { 去工作。希望这能帮助其他和我有同样情况的人。确保您的页面中确实包含 Bootstrap Javascript 库。那是我的问题。 Bootstrap 文档暗示了这一点，但他们从代码示例中省略了它。这里是它的文件/CDN，因为出于某种原因，他们的网站避免从大多数相关页面链接它：https://getbootstrap.com/docs/4.1/getting-started/download/ 使用 React 更新 2024 Bootstrap 5 我们可以使用 useEffect 来监听关闭、打开模态事件 useEffect(() => { document .getElementById("login-modal") .addEventListener("hidden.bs.modal", function (event) { console.log("close ok"); }); }, []);

jquery twitter-bootstrap modal-dialog

回答 4 投票 0

React JS 中模态数据没有更新

我创建了这个网站前端的克隆，一切都很顺利，但是当我到达购物车部分时，我发现有很多工作要做。简而言之，我只是为我的网站创建一个“添加到购物车”按钮...

javascript reactjs typescript modal-dialog simplemodal

回答 1 投票 0

在特定条件下，中断 Quasar QDialog 在 Escape 键上关闭

我使用 Quasar 对话框来显示一些内容。我希望用户在单击“退出”按钮时能够关闭对话框，这样效果很好。但是，如果用户在对话框中进行了一些编辑...

javascript vue.js modal-dialog quasar-framework quasar

回答 1 投票 0

我想在加载模态时禁用 Formik 验证

我在我的 React Typescript 项目中使用 Formik 和 Yup，我有一个将保存新值的模式，我将 Formik 验证添加到我的模式中的字段中，但是当我单击页面中的添加按钮时...