使用ngx-smart- modal，如何在显示时仅评估模态内容
ngx-smart-modal 是一个基于 Angular 的模态框组件，用于创建和管理模态框。在显示模态内容时，可以通过以下步骤进行评估：
- 在 Angular 项目中安装 ngx-smart-modal 组件：
- 在 Angular 项目中安装 ngx-smart-modal 组件：
- 导入 ngx-smart-modal 模块到 Angular 组件中：
- 导入 ngx-smart-modal 模块到 Angular 组件中：
- 在组件中创建并配置模态框：
- 在组件中创建并配置模态框：
- 在 HTML 模板中使用模态框：
- 在 HTML 模板中使用模态框：
在显示模态框时，ngx-smart-modal 会自动评估模态框内容并显示。
根据问题描述，无法提供与腾讯云相关的产品和链接。
相关·内容
简单的问题，
我正在使用Angular UI来显示模态。
我有一个可以打开多个模态的应用程序，
模态有屏幕高度的问题，我添加了一个代码来优化屏幕高度的模态大小。
问题是，当创建了一个新的模式时，我希望得到通知，这样我就可以调用我的函数来固定模式大小。
你知道如何通知我创建模式吗？
谢谢,
模态cration的示例：
// create the modal instance and show the popup
var modalInstance = $modal.open({
templateUrl: 'partials\mymodal.html',
windo
浏览 1提问于2015-03-24得票数 0
1回答
当我尝试添加动画幻灯片时，从右向左显示模态页面，但是当我添加时会出现错误，难道当打开模态页面时不能添加动画吗？
exports.onModalClick = function(args){
var btn = args.object;
page.showModal("views/abc/Modal/Modal", "abc", function (List) {
if(List.length != 0){
}
}, false).animation({ translate: { x: 0, y: 0 }
浏览 4提问于2015-12-08得票数 0
回答已采纳
我试图简化我的问题：
让我们说我有模态成分
//example.php
<modal>
<div>A big div</div>
</modal>
在显示模态之前，我需要计算适当的动画的高度。在模态Vue内部，它看起来如下：
//Modal.vue
...
<transition
:name="transition"
@before-enter="beforeTransitionEnter"
@after-leave="afterTransit
浏览 1提问于2018-10-16得票数 2
我正在尝试创建一个服务，它将显示某些模态及其相应的模板，并自动将按钮连接到供应商事件处理程序。我遇到的问题是，当我的模式弹出时，应该包含handleConfirmClick和handleCancelClick的范围都是空的(使用Batarang查看)。
我正在使用typescript，并且我调试了底层的JS代码，在创建模态时发现modalScope.handleConfirmClick不是null，但是在创建它之后，modal作用域的两个句柄函数都是null。
public createAndShowConfirmCancelModal(header:string, content:strin
浏览 5提问于2014-07-02得票数 0
1回答
我目前使用的是react native modal，它的作用是显示情态。 我目前的问题是，我想广泛地展示模式应用程序。例如，当收到推送通知时，我想调用模式，而不管用户在哪个屏幕上。当前的模态设计将其绑定到单个屏幕上。 如何克服这个问题呢？
浏览 10提问于2020-03-18得票数 0
2回答
我在代码中发现，试图在模态正文中显示产品，但不显示。当我点击图像时，它在控制台中显示，但不知道如何在模态主体中显示产品。为了在模式下显示，我使用了react-bootstrap。当我点击图片并显示页眉和页脚时，会弹出模式弹出窗口。但在模态正文中，我想显示我点击的产品详细信息。有人能帮上忙吗..
import React, { Component } from "react";
import { Grid, Row, Col, Image, Button, Modal } from "react-bootstrap";
import AddToC
浏览 0提问于2018-09-19得票数 0
2回答
我有一个模式，我希望在服务调用获取模态显示数据时显示一个进度条。但在这种情况下，先取进度条，再取模态，使进度条在模态下显示。怎么解决这个问题？
this.service.searchMembers(memSearchJson).subscribe((response: any) => {
// some function
}
<modal id="custom-modal-2">
<div class="modal">
</div>
<div id="
浏览 0提问于2019-06-14得票数 0
我有一个modal组件，它显示一个模态弹出并在上面显示被屏蔽的ng-content。
下面是我在我的modal组件中要做的事情：
<modal>{{someHTMLString}}</modal>
当我这样做时，HTML标记就会被转义和显示(这是我所期望的)。
所以我试了一下：
<modal [innerHTML]="someHTMLString"></modal>
HTML是未转义的，但它以某种方式显示在屏幕上，而不是作为一个被屏蔽的内容，就好像<modal>是一个常规的HTML标记一样，而实际的模式显示为空。
如何
浏览 3提问于2016-12-17得票数 1
5回答
对于三个不同的按钮，我有相同的模态对话框。
但是，根据单击哪个按钮，我需要动态地设置模态对话框的标题。
我认为这很简单，使用jQuery在适当的javascript函数中设置标题。但是，在调试时，我可以看到在代码中相应地设置了标题，但是在显示模态后的是，模态标题是空白。
如何正确地显示模态标题？
下面是HTML的相关部分：
<div class="modal fade" id="btnJournalVoucherEditGrid" tabindex="-1" role="dialog" aria-labelledby=
浏览 7提问于2014-12-15得票数 4
1回答
当用户单击“关闭”按钮时，我需要显示确认警报，以确认用户是否确实希望关闭该模式，但是隐藏该模式/阻止该模式隐藏在我尝试过的2种解决方案中存在问题。
如何建立模态(不是完整代码)
<div class="modal fade" id="viewTicketModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="vertic
浏览 5提问于2022-11-04得票数 0
2回答
更新时向用户显示模态
、、、
我做了这个模式，它只在第一次访问该网站时显示。
$(document).ready(function(){
setTimeout(function(){
if(!Cookies.get('modalShown')) {
$("#myModal").modal('show');
Cookies.set('modalShown', true);
} else {
alert('You already saw the
浏览 4提问于2017-03-28得票数 0
回答已采纳
2回答
我在使用引导模式。
我想让它像个巫师一样。
<div class="modal fade">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h4 class="modal-title">Modal title</h4&
浏览 5提问于2013-11-21得票数 0
回答已采纳
如何在react中创建一个模态，当我单击一个btn继续时，它将显示下一个模态而不关闭该模型，这是我想要编码的模态的代码。
<Modal
show={this.state.show}
onHide={this.handleClose}
bsSize="large"
aria-labelledby="contained-modal-title-lg"
>
<Modal.Header>
<Modal.Title className="f2 pa0">welcome modal.&l
浏览 0提问于2018-10-30得票数 1
回答已采纳
2回答
我有一个奇怪的问题，将“ExecuteDelete(索引)”函数添加到onclick属性中。这里的基本逻辑是，当用户单击delete时，它会触发Remove(index)函数，该函数显示一个模态窗口，并将一个onclick属性添加到模态上的确认删除按钮中。在模式窗口中单击“确认删除”按钮后，应该执行“确认删除”按钮。
这将工作和警报将显示在用户单击确认删除按钮.
function Remove(index){
//set delete food modal message.
$("#DeleteFoodMessage").text
浏览 7提问于2018-03-20得票数 0
回答已采纳
目前，我正在尝试制作反应中的模态，并希望形成一个网格，其中“按钮1”显示“模态1”，“按钮2”显示“模态2”等等。当我按下按钮显示一个模态时，它同时显示模态1和模态2。如何设置它，使按钮1只打开模态1？
这是我的App.js：
import React from 'react';
import './main.css';
import Modal from './components/Modal/modal';
class App extends React.Component {
state = {
show: false
}
浏览 2提问于2019-10-28得票数 1
回答已采纳
3回答
我有一个名为Navbar的子组件。在Navbar中，注销是一种选择。
<a @click="(event) => {event.preventDefault();}">
Logout
</a>
我已经将这个Navbar导入到我的父组件Home中。在Home组件中，有一个div (一个模态)，
<div class="modal" v-if="modal">
只有当模态参考是true时，这个模态才会显示出来。
<script setup>
import Navbar from '.
浏览 7提问于2022-07-25得票数 3
回答已采纳
2回答
我使用的是电离框架和TypeScript。当我如下面所示创建一个模态对象时，就会成功地创建模态对象，但是在回调中，它会说this.$scope.modal =；--这个引用的是浏览器窗口，因此$scope是未定义的。如何让这个指向类？
export class MyCtrl {
constructor(private $scope: any, private $ionicModal) {
// Load the modal from the given template URL
this.$ionicModal.fromTemplateUrl('
浏览 2提问于2014-05-14得票数 0
回答已采纳
5回答
我有一个图像，我想指定哪个元素的区域是可点击的。
红色条纹不应该是可点击的。
我的HTML解决方案：
<img src="" data-highres="" usemap="#img">
<map name="img">
<area class="show-modal" shape="rect" cords="" href="">
</map>
所以当我点击白色区域时，它应该显示一个带有“这个”图像的模态窗
浏览 4提问于2017-04-03得票数 1
回答已采纳
3回答
我有两个嵌套的div
<div class="modal-container">
<div class="modal-content"></div>
</div>
我正在尝试实现一个模态对话效果。我的CSS和jQuery可以很好地显示模态对话框。
当我试图用下面的jQuery隐藏模态对话框时。
$(".modal-container").click(function (event) {
$(this).hide();
});
它隐藏了模态容器，但问题是它隐藏了它，即使我点击了情态内容
浏览 10提问于2016-12-06得票数 0
回答已采纳
我有一个模态显示的数据。然而，当我的数据被更新并且父程序检测到这一点时，我的模态数据永远不会被更新。我是不是遗漏了什么？
亲本
@Input() players: Players[] = [];
showPlayers() {
const modalRef = this.modalService.open(PlayersModalComponent, {
data: { players: this.players }
},
});
}
ngOnChanges(changes: SimpleChanges) {
console.l
浏览 1提问于2020-06-28得票数 4
我正在学习React钩子，并试图在一个简单的例子中使用它。我希望有一个段落，显示模态的效果，只有当模态是开放的，当模态是关闭时消失。
所以我在index.js中只有视图组件，这就是组件：
import React from 'react';
import Modal from './Modal.js';
const View = () => {
let [showModal, setModal] = React.useState(false)
React.useEffect(() => {
浏览 0提问于2021-03-28得票数 0
回答已采纳
2回答
我使用以下方式将模态内容加载到主html中：
主html：
<div class="modal modal-custom fade" id="custom-view">
</div>
.....
模态html(在单个html上)：
<div class="modal-dialog">
<div class="modal-content message_align">
<div class="modal-body" align="c
浏览 3提问于2016-10-25得票数 0
回答已采纳
2回答
我正在与Symfony2和Bootstrap一起创建一个模态窗口。
我有一个cataloge.html.twig，它显示一个电影列表。对于每部电影，我都会显示一个按钮，它会打开一个模态形式(对于每部电影来说都是如此)。
问题是，实体膜没有被传递到模态窗口：
Cataloge.html.twig
{% for film in films %}
...
<p>{{ film.title }} - {{ film.directorid().getName() }} - {{ film.year }} </p> // Here is working OK
浏览 5提问于2014-12-11得票数 0
回答已采纳
我用的是尾翼的模态组件。当使用vue文件(Modal.vue)中提供的vue代码并在我的基本vue组件(Home.vue)中导入该文件时，它工作得很好。该模式将立即出现，这是好的。模态组件的示例如下：
<script setup>
import { ref } from 'vue'
import { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'
import { CheckIcon } from '@hero
浏览 5提问于2022-06-18得票数 1
6回答
我有一个网页的链接到内部网页，我需要打开一个启动模式DIV。问题是，在以这种方式加载内容时，使用最新版本的Bootstrap v3和jQuery v2.1.4似乎不起作用。我读过很多教程，介绍如何使用引导程序创建modals，以及如何逐步淘汰远程内容。但要想在jQuery中发挥作用，就必须离开这里，否则可能就不行了。
理论是当你点击
<a class="" href="/log/viewslim?id=72" title="View" data-target="#myModal" data-toggle="modal
浏览 0提问于2015-12-29得票数 29
回答已采纳
1回答
在Ionic Vue应用程序中，我试图在一个模式中显示一些简单的内容。但是，内容总是显示两次。如果我使用离子页()中的示例，也会发生同样的情况：
模态内容构成部分：
<template>
<div>
<ion-header>
<ion-toolbar>
<ion-title>{{ title }}</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="
浏览 2提问于2020-12-07得票数 0
回答已采纳
我正在从事nuxt.js项目，并想问一个问题。当我使用显示模式时，它是否将URL堆栈到浏览器查看历史记录？
以下是我目前遇到的问题的细节。我有两页，即A页和B页。
页面A有一个链接到B页的按钮，我使用了$router.replace of 。所以历史不应该加进去。
页面B有一个显示模态的按钮，该模态有一个模态关闭按钮，该按钮实际上关闭了模态，然后返回到B页。
问题是，一旦我打开并关闭了该模式，我必须按两次浏览器的后退按钮以返回页面A。例如，在页面B上显示模式，在页面B上显示->关闭模式，->按回浏览器返回按钮(但->不会更改，仍然停留在页面B上)->
浏览 2提问于2021-04-16得票数 1
回答已采纳
3回答
我的index.php页面上有HTML，这是一个JQuery模式框(默认情况下隐藏)
然后我有了这个函数，它显示了模式，并填充了它的标题和内容。
当我调用它时，它替换了模态中的任何以前的内容，因为它具有相同的ID。
有什么方法可以动态地创建模型来显示彼此背后的多个模块？
function LoadModalBody(content, title) {
title = title || '';
$( "#modal_page" ).fadeIn("slow");
$( "#modal_title" ).ht
浏览 3提问于2017-07-19得票数 11
回答已采纳
我有一个iPad应用程序，它有一个UITabBarController作为根控制器。从其中一个选项卡，我有一个UIToolBar，其中包含一个UIBarButtonItem，当点击启动一个Modal视图。
当第一次启动时，模态视图以正确的大小出现(无论是横向还是纵向)，但是如果您旋转设备，则模态视图将展开以填充屏幕--无论从那时起设备旋转了多少。
我将从制表栏启动模态视图，并将视图中的ModalPresentationStyle设置为呈现。
这会影响ModalView，不管我将它设置为FormSheet还是PageSheet。
有没有人经历过类似的行为，如果有，你是如何解决的？
非常感谢
编辑
浏览 4提问于2010-12-17得票数 3
回答已采纳
1回答
我试图通过管理员在php中使用引导模式编辑每个用户的配置文件。这是我所做的总结。admin.php页面中的锚标记：
<a href="editprofile.php?id=<?php echo $ids[$i]?>" class="fa fa-edit li-modal" title="Edit Profile"></a>
模态在admin.php页面。
<div id="theModal" class="modal fade text-center">
<
浏览 1提问于2019-01-07得票数 0
所以我有一个Url.ActionLink，当我点击它时，我想把一个部分视图加载到一个模态中。这在第一次工作，但第二次它将浏览器重定向到部分视图，而不是将其加载到一个模型中，而且modal()调用有一个错误，说明它是undefined。
div的html是：
<div class="modal fade" id="modal">
<div class="modal-dialog">
<div class="modal-content"
浏览 4提问于2014-05-14得票数 0
回答已采纳
3回答
我正在用Selenium WebDriver，RSpec和Capybara进行测试。
我让程序成功地填写了一个模态窗口中的一些字段。现在，我想点击一个按钮，在这个模式窗口的底部。乍一看，我看不到这个按钮，所以Capybara需要在模态窗口中向下滚动。
网页的两个相关代码片段：
<div class = “modal”> </div>
<button class=”btn …..”> TextOnButton ::after </button>
我试过：
within('.modal') do
find('
浏览 16提问于2017-11-16得票数 3
回答已采纳
1回答
我使用引导模式从另一个页面加载内容，而数据是如此复杂(多查询/动态表单)，所以当打开模型时，它会有点卡住。
我想要一些动画或指示器来显示模态没有崩溃..。请稍候。
我必须搜索和尝试许多方法，但不起作用，在某些解决方案中，.gif在模态加载时也被卡住了。我将此方法用于远程内容。
<!-- Link trigger modal -->
<a href="remote_content.php?id=1" data-toggle="modal" data-target="#myModal" >
Launch Modal
浏览 2提问于2016-11-03得票数 1
2回答
因此，我的代码中有一个模态部分，这是(来自Twitter Boostrap)
<!-- Large modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button>
<div class="modal fade bs-example-modal-lg" tabindex=
浏览 1提问于2015-03-07得票数 0
回答已采纳
1回答
为什么这种模式没有出现？
、、、
我有这个模态命令，当用户使用modal命令时，我想创建一个显示给用户的模态。下面的代码有什么问题吗？
const { MessageActionRow, Modal, TextInputComponent } = require('discord.js');
client.on('interactionCreate', async (msg) => {
if(msg.content === 'modal') {
// Create the modal
const modal = new Modal()
浏览 3提问于2022-06-28得票数 2
回答已采纳
2回答
这是我的模态代码：
<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-header">
<button type="button" class="close" data-dismiss
浏览 1提问于2013-01-09得票数 0
回答已采纳
2回答
我正在使用Bootrap 3和远程模式来加载远程页面。代码类似于文档中指定的代码。页面内容以模态加载，但没有显示包含关闭按钮的模态页眉和模态页脚。
触发器：
<a data-toggle="modal" data-remote="remote.html" video.id %}"
data-target="#myModal"><button class="btn btn-success" >Edit details </button></a>
模态：
<!-- Mod
浏览 4提问于2013-11-21得票数 0
回答已采纳
2回答
当我在Modal中单击View时，它继续只显示第一条记录。即使我单击第二条记录，它仍然显示第一条记录。下面是我如何实现link_to切换到名为myModal的模态框。
<%= link_to 'View in Modal', "#", data: {toggle: "modal", target: "#myModal"} %>
<div class="modal fade" id="myModal" tabindex="-1" role="dia
浏览 1提问于2014-06-22得票数 0
在Wicket应用程序中，我有一个模态对话框，其中包含一个简单的表单和一个按钮。用户输入值(报表参数)，然后单击开始下载报表文件(通常是PDF)的按钮。(所有表单值都是必需的，Wicket的验证机制用于确保用户在下载开始之前输入它们。)
也许最好用一张图片来解释：
我在这里使用的是一个 (而不是Wicket的，从用户的角度看，它感觉更加笨拙和丑陋)。
除了在单击“下载”按钮时关闭对话框之外，一切都很正常。
当前版本(省略了不相关的位)：
public class ReportDownloadLink extends Link {
public ReportDownloadL
浏览 3提问于2011-11-16得票数 0
我有一个按钮，触发一个启动模式显示。我刚刚注意到，当页面向下滚动时，模式是不可见的。当你点击按钮来显示模态时，背景会像往常一样变成灰色，但是这个模式没有显示--就好像它在页面的最顶端，但是你不能向上滚动看它。
我暂时将按钮移到页面顶部，这很好，但是当按钮位于页面底部时，模式是不可见的。
这是我的模态代码：
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
浏览 0提问于2018-09-11得票数 0
回答已采纳
下面有一个引导代码。单击按钮时，模态显示正确。
<a href="#" class="btn" data-toggle="modal" data-target=".bs-example-modal-lg">
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
<div cl
浏览 5提问于2017-09-27得票数 0
回答已采纳
3回答
我有一个页面，它显示一个带有员工名称id等的表。每个项目都有编辑链接。当用户单击“编辑链接”时，它将打开一个包含员工详细信息的新模式框。模态寡妇与父窗口具有相同的模式。事实上，我是把同样的模型传递给模态窗口。
请注意，当用户单击编辑链接时，我不想调用任何操作方法。当单击“编辑”按钮时，我只显示详细信息(在文本字段中)。当用户编辑后单击“保存”按钮时，我将调用操作来更新数据库。
我使用的是代码优先方法。
请考虑以下代码
@model IEnumerable<WebApplication1.Models.employee>
.
@foreach (var item i
浏览 2提问于2014-01-26得票数 0
我在同一个组件中有两个类，一个是主类，另一个是模态类，我可以将数据从主类传递到模态类，但我希望将数据从模态类传递到我的类，但我不知道如何才能做到这一点
模式类
class MyVerticallyCenteredModal extends Component {
constructor(...args) {
super(...args);
}
render() {
return (
<Modal
{...this.props}
size="lg"
浏览 3提问于2019-10-31得票数 0
2回答
要在输入日历中显示(数据报警器(引导))。问题是，在前一种情况下，似乎：
<input type="text" class="datepicker_goal" data-provide="datepicker" value="Period">
$('.modal-body input[data-provide="datepicker"]').datepicker();
但是，当您激活另一个表单标记并添加：
<input type="text" class="
浏览 5提问于2014-12-06得票数 0
回答已采纳
我有一个模态视图，其内容比其边界更长，所以我设置了overflow-y: scroll。但是问题是，模态视图位于也启用滚动功能的主体的顶部，所以当我试图将注意力集中在模态视图和滚动时，它有时会抓住主体，滚动而不是模态。它似乎忽略了z-索引值。
有什么jQuery，我可以用它来专注于模态视图时，而完全忽略它下面的任何东西？
下面是模态div的html & css：
<div class="modal-window">
<div class="modal-content">
<div class=&#
浏览 1提问于2016-03-16得票数 1
1回答
我正在尝试使用一个模态将一些数据传递给我的控制器。页面上有多个模态，我发现只传递来自第一个模态的数据，而不管数据是否在另一个模态中进行了编辑。 <div id="mark-reassigned-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
浏览 23提问于2019-03-20得票数 0
我有一个模态表。在提交表单时，我希望模式关闭，页面重新加载，然后显示成功模式。
但是当我点击submit时发生的事情是，成功模式显示在模态表单上，然后页面重新加载，上面没有模态。
这是我的代码：
$.ajax({
type: "POST",
url: "includes/handlers/ajax_submit_profile_post3.php",
data: $('form.profile_post3').serialize(),
success: function(msg) {
$("
浏览 3提问于2019-11-03得票数 2
回答已采纳
2回答
在Bootstrap Modal选项文档中，有一些粗体类型的句子：
例如，使用modal('show')
手动打开一个模态。在实际显示之前(即在shown.bs.modal事件发生之前)返回给调用方。
实际上，我知道它会被用来打开模态。但在以上粗体部分，这是什么意思？打电话的是什么？
浏览 4提问于2017-06-27得票数 2
我有一个用于登录应用程序的还原器。
我想在出问题时显示Alert。
发出显示模态操作的登录操作：
export function loginUser(username, password) { ...
dispatch({type: 'SHOW_MODAL', modalType: 'SUCESSFULL_LOGIN'})
模态减速器：
export default function reducer(state={}, action) {
switch (action.type) {
case 'SHOW_MODAL':
浏览 4提问于2017-02-10得票数 0
1回答
模态扭手中的滚动-引导
、、、
我在twitter上有2种模式
<body>
<!--very long scrollable content in body-->
长高度第一模态：
<div class="modal fade in" id="adminsetting" data-modal-index="1" tabindex="1" >...</div>
<div class="modal fade in" id="adminsetting2" data-modal-i
浏览 0提问于2017-01-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
