问题标签 [ng-dialog]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
504 浏览

angularjs - ngDialog 模式在点击时关闭

我想以模式打开一个表单,用户可以在其中输入一些内容,这些内容将保存在后端。我遇到了这个实现这个东西的笨蛋。

但是,当我尝试单击任意位置进行输入时,模式会关闭。我也在我的本地系统中尝试过这个 - 相同的行为。

尝试了以下事情但没有结果:

  1. 我用过ngDialog.openConfirm,但它不允许我点击任何地方(只有标签有效。)
  2. 设置closeByEscapefalse- 逃脱被阻止但点击使模式消失
  3. 设置closeByDocumentfalse- 禁用点击,只允许选项卡

基本上我需要一个模态:

  1. 单击并转义时不会消失
  2. 允许标签和点击进行输入
  3. 在后台点击不会消失
  4. 单击提交时调用某些函数
  5. 仅在单击默认关闭按钮时关闭
0 投票
2 回答
831 浏览

javascript - 创建一个可重用的 ngDialog 模板

我想为我的应用程序创建一个可重用的模板。

据我了解,您不能将标题和正文传递给 ngDialog。

我需要的是这样的:

这是我的控制器:

我该如何做到这一点?这样我就可以在我的应用程序中使用相同的 html 文件。

编辑:我在 ionic/cordova 也有同样的项目,而且 ionic 更容易。我想知道为什么角度这么难。

0 投票
1 回答
1695 浏览

typescript - 将数据从调用控制器传递到 ngDialog 的最佳方法 - 检查我的代码

我正在使用 ngDialog 来显示/更新/删除详细记录。我的代码工作正常,但我不喜欢这样使用 $scope 的方式。$scope.newContact = this.newContact;

我想使用控制器或控制器作为语法,但不能让它工作。由于我使用的是 Typescript,我不喜欢这种 $scope 注入。任何建议将不胜感激。

// 更新:发布详细代码以进行澄清 我的场景是这样的: - ContactController 填充联系人列表 - 用户单击联系人或单击添加新 - 联系人控制器将显示 ngDialog - 用户更新联系人详细信息并按保存然后ContactController 被 ngController 回调,contactController 将更新列表。我只是希望能够在不使用 $scope 混乱的情况下将 this.newContact 传递给 ngDialog!

这是我用于上述场景的控制器代码:

}

这是我的模板:


0 投票
5 回答
16111 浏览

ng-dialog - 如何从角度控制器关闭 ngDialog

我需要打开多个具有相同 id 的 ngDialog,当单击关闭按钮时,它应该只关闭当前打开的 ngDialog。

为了关闭 ngDialog,我需要调用一个事件来收集数据然后关闭 ngDialog。

0 投票
3 回答
1065 浏览

javascript - ngDialog 模态不弹出

我试图在单击按钮时显示一个简单的模式。模态不会弹出。它在同一个现有窗口上显示内容。(附快照)

我的代码如下:

索引.html

应用程序.js

addTaskForm.html

请让我知道为什么模式不起作用。

截屏

0 投票
1 回答
840 浏览

javascript - 如何使用 webpack 在 ngDialog 模板中查找 html 文件?

您好,我在尝试使用 webpack 捆绑我的文件和 ngDialog 以使弹出窗口正常工作时遇到问题。弹出窗口只会显示“你好!” 立即留言。

这是我的功能:

当我这样做时,我收到一个错误:
GET http://localhost:3000/src/req/edit/editOptions.html 404 (Not Found)

我可以像这样要求 html 文件:

但是现在我收到了写出 html 文件内容的错误:
GET http://localhost:3000/Hello!404(未找到)

0 投票
0 回答
130 浏览

angularjs - ng 对话框范围值中的图像裁剪器未在控制器中更新(Angular.JS)

我面临一个问题,任何人都可以帮助我吗?

ng 对话框中的角度图像裁剪器,范围值未在控制器中更新。

请帮帮我。

提前致谢。

0 投票
2 回答
1140 浏览

javascript - ngDialog Modal for Angular 中的多个窗格

在 ngDialog 的示例中,它们显示了一个具有多个“窗格”的模式,您可以滚动浏览: http: //likeastore.github.io/ngDialog/

我通读了 ngDialog 指南,但找不到一种简单的方法来实现这一点 - 任何想法都将不胜感激。我想要的只是窗格上的一个按钮,您可以单击该按钮转到模式中的下一个窗格。(就像示例一样 - 但没有动画)。

谢谢!

这是我的 HTML 模板:

0 投票
1 回答
661 浏览

javascript - 无法在 Angular 的 ngDialog 模板中清除表单输入值

我正在使用 ngDialog [ https://github.com/likeastore/ngDialog ] 创建模式,并且我有一个基本表单,当我单击按钮时会发出 POST 请求。在同一个按钮单击上,我希望清除表单输入。通常你可以做类似的事情,$scope.valueOfNgModel = "";但在这种情况下这不起作用。此外,ngDialog 范围与它实例化控制器的 $scope 相同。

这是 ngDialog 实例化:

这是 ngDialog 模板:

这是在我想清除所有输入字段的表单提交(或按钮单击)上运行的函数:

任何帮助是极大的赞赏!

0 投票
1 回答
636 浏览

javascript - Angularjs - 调用子状态时防止再次加载非抽象父状态

我正在尝试创建一个将保持状态的模式。

每当调用子状态时,都会再次加载父状态(第二次)。调用子状态时是否可以防止加载父状态?

这是代码。如果需要更多信息,请发表评论。

父.html

我试图在子状态下显示模式,当模式关闭时,应用程序返回父状态。