问题标签 [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 投票
1 回答
1301 浏览

angularjs - 如何在同一 angularjs 页面的 ng-template 脚本标签中使用输入文本框值

我的 angularjs 页面中有一个电子邮件文本框,如下所示:

我想显示在我的 ng-dialog 中输入的电子邮件。这是我的 ng-dialog 脚本标签的一部分:

我想用输入的电子邮件替换p 标签静态数据中的user@example.com 。我怎样才能做到这一点?有什么帮助吗?谢谢

已编辑

这是我调用 ng-dialog 的控制器代码:

0 投票
1 回答
499 浏览

javascript - 更新 ngDialog 中的数据

我在我的项目中使用来自我范围的数据的 ngDialog。我有一个名为 popupConge 的范围对象,我链接到 ngDialog 的数据:

问题是当我更新 $scope.popupConge 时,我的模式面板中的数据没有更新。例如我有:<input type="text" id="motif" ng-model="ngDialogData.conge.motif"/>在我的 ngDialog. 当我更新 $scope.popupConge.conge.motif 时,输入字段没有更新:s

我做错什么了吗 ?

谢谢 !

0 投票
3 回答
694 浏览

jquery - angularjs中带有ngdialog的日期选择器

是否有任何可用的 datepicker angularjs 模块可以与 ngdialog 一起使用并且适用于所有三种浏览器(IE、FF 和 Chrome)?

我知道我可能会问重复的问题,但我已经经历了很多 stackoverflow 线程,并发现一些角度日期选择器似乎与 ngdialog 或上述浏览器无法正常工作(css 问题)。

720kb datepicker 似乎在所有三个浏览器中都可以正常工作,但是当我将它与 ngdialog 一起使用时,css 会变得很糟糕。截图 - http://imgur.com/AlvvflK

更新:目前,最终使用适用于所有浏览器的 jquery datepicker。我很不确定将 jquery 与 angularjs 一起使用是否是一个坏主意。

0 投票
0 回答
183 浏览

angularjs - How to set X-Requested-With header in AngularJS ngDialog plugin

I was able to figure out how to get the $http object to send X-Requested-With header but I now need to do the same for AngularJS's ngDialog plugin. (or would prefer to)

I'm trying to use the Zend Framework 2 getRequest()->isXmlHttpRequest() to detect ajax calls in a controller, but that means I need to be able to set the X-Requested-With header to XMLHttpRequest

SW

0 投票
0 回答
1690 浏览

javascript - 将表单数据保存在 ng-dialog 模式中

所以我在 ng-dialog 插件中有一个用于 Angular js 的表单。ng-dialog 的内容是从外部 html 文件加载的。问题是当我尝试保存数据时它是未定义的。我怀疑我错过了更新我使用的 ng-model,但不清楚如何去做。我看过一些类似的例子,但它仍然不起作用。我想在按下表单内的按钮时收集数据,而不是在对话框关闭时收集数据,但在关闭时也会这样做。这是我的代码:

angular.app.js

外部模板.html

我错过了什么?谢谢!

0 投票
1 回答
71 浏览

javascript - Angular - 没有 HTML 和广播事件的控制器

我有一个奇怪的情况。我有一个控制器,当对话框打开时我想控制它。我将 ngDialog 与模板和指令结合使用。这是 DialogController 代码:

这个控制器没有与之关联的 HTML - 它的唯一目的是打开、关闭等 ngDialog。

这是我尝试vm.navigate在 HomeController 中触发对话框打开(通过 ng-click 调用)的方式:

以及上述方法的相关 HTML:<ft-nav items="homeCtrl.navs" onselect="homeCtrl.navigate" color="homeCtrl.color"></ft-nav>

这实际上不起作用。我想知道是不是因为DialogController没有关联的HTML?我对广播事件做错了吗?我知道我可以使用服务并且DialogController可以观看服务,但使用 $broadcast 似乎是一种更好的方式。有任何想法吗??谢谢!

0 投票
1 回答
1165 浏览

angularjs - AngularJS ngDialog错误

我已将 ngDialog 添加到我的 angularjs 应用程序中,并将其注入我的模块后,这就是我得到的:

未捕获的错误:不匹配的匿名 define() 模块:函数 (a){"use strict";var b=a.module("ngDialog",[]),c=a.element,d=a.isDefined,e=( document.body||document.documentElement).style,f=d(e.animation)||d(e.WebkitAnimation)||d(e.MozAnimation)||d(e.MsAnimation)||d(e. OAnimation),g="animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend",h="a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled ]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]",i=!1,j={},k=[],l=!1;return b.provider("ngDialog",function(){var b=this.defaults={className:"ngdialog-theme-default",plain:!1,showClose:!0,closeByDocument:!0,closeByEscape:!0, closeByNavigation:!1,appendTo:!1,preCloseCallback:!1,overlay:!0,cache:!0,trapFocus:!0,preserveFocus:!0,ariaAuto:!0,ariaRole:null,ariaLabelledById:null,ariaLabelledBySelec

这个错误的原因是什么?我必须修改 ngDialog.js 代码吗?

添加信息:在 module.js 中注入:

*** 当我像这样在我的控制器中注入 ngdialog 时:

这是我得到的错误:

0 投票
1 回答
30386 浏览

angularjs - confirm modal using ngDialog

I am using ngDialog in my application and I would like to create a generic confirm modal , which I can use whenever I need , the confirm message is going to be different .

My questions :

1- Is creating a directive with the ngDialog functionality a good idea and what is its design ?

2- what is the difference between confirm() and openConfirm() in ngDialog code .

Thanks in advance

0 投票
0 回答
1087 浏览

angularjs - ngdialog 中的表单 - 控制器中未定义的表单名称

我无法获取 ngDialog 中的表单名称。我的对话框是:

问题是在 ngDialog 中我有一个带有 name="addNewParentForm" 的 from,但是当我试图向我的控制器验证这个表单时,我无法获得我的表单的名称,所以我收到了这个错误。

lastName 是我的表单输入的名称。

在我的 html 中,我有这个对话框的脚本:

在我的控制器中

谢谢!

0 投票
1 回答
1310 浏览

javascript - 由于 TypeError 无法使用 ngDialog:ngDialog.open 不是 Scope.$scope.discountModalOpen 的函数?

我似乎无法将 ngDialog 与 angular 一起使用。这是我的代码

折扣模态函数

discountModal 的控制器

应用程序.js

我的 javascript 控制台中仍然出现以下错误

TypeError: ngDialog.open is not a function at Scope.$scope.discountModalOpen ( http://localhost:9000/scripts/controllers/myProductsCtrl.js:293:18 ) at fn (eval at ( http://localhost:9000 /bower_components/angular/angular.js:13231:15 ), :4:242) 在http://localhost:9000/bower_components/angular-touch/angular-touch.js:478:9 在 Scope.$get.Scope .$eval ( http://localhost:9000/bower_components/angular/angular.js:15916:28 ) 在 Scope.$get.Scope.$apply ( http://localhost:9000/bower_components/angular/angular.js :16016:25 ) 在 HTMLButtonElement。( http://localhost:9000/bower_components/angular-touch/angular-touch.js:477:13 ) 在 HTMLButtonElement.jQuery.event.dispatch (http://localhost:9000/bower_components/jquery/dist/jquery.js:4435:9)在 HTMLButtonElement.jQuery.event.add.elemData.handle (http://localhost:9000/bower_components/jquery/dist/jquery .js:4121:28 )