表单验证在mdDialog中不起作用
可能是由于以下几个原因：
- 缺少必要的依赖：确保在使用mdDialog之前已经正确引入了AngularJS和Angular Material库。
- 错误的表单控件绑定：确认表单控件的ng-model绑定是否正确，确保每个表单控件都有一个唯一的ng-model值。
- 表单验证指令未添加：确保在表单控件上添加了合适的验证指令，例如ng-required、ng-minlength、ng-maxlength等。
- 表单验证未触发：验证可能没有被触发，可以尝试手动调用表单的$valid属性来检查表单的有效性。
- 表单验证消息未显示：验证消息可能没有正确显示，可以检查验证消息的位置和样式是否正确。
针对以上问题，可以参考以下解决方案：
- 确保在使用mdDialog之前已正确引入AngularJS和Angular Material库，可以参考腾讯云的AngularJS和Angular Material相关文档：AngularJS、Angular Material。
- 检查表单控件的ng-model绑定是否正确，确保每个表单控件都有一个唯一的ng-model值。
- 在表单控件上添加合适的验证指令，例如ng-required、ng-minlength、ng-maxlength等，可以参考腾讯云的AngularJS表单验证相关文档：AngularJS表单验证。
- 手动调用表单的$valid属性来检查表单的有效性，可以在提交表单时进行验证，例如在点击确认按钮时调用表单的$valid属性来判断表单是否有效。
- 检查验证消息的位置和样式是否正确，确保验证消息能够正确显示，可以参考腾讯云的Angular Material表单验证相关文档：Angular Material表单验证。
希望以上解决方案能够帮助您解决表单验证在mdDialog中不起作用的问题。如果需要更详细的帮助或有其他问题，请随时提问。
相关·内容
嗨，伙计们，我有个很复杂的问题。
我已经创建了一个可重用的指令，现在我希望获取用户的参数值，并将其绑定到指令中的表单。
在用户端，可以通过以下方式调用指令：
<test-app></test-app>
然后，它们能够将参数传递到指令中：
<test-app user-email="test@hotmail.com"></test-app>
OR
<test-app user-email="{{ userEmail }} "></test-app>
//They can take
浏览 1提问于2017-01-20得票数 1
回答已采纳
我目前有一个$mdDialog，当打开它是完整的页面，并在其中有一个表单。当用户单击“取消”时，通过调用此函数关闭$mdDialog。
$mdDialog.cancel();
但是，当用户单击浏览器后退按钮时，我也想关闭$mdDialog，这就是我想要做的。
backButtonWasClicked = function() }
$mdDialog.cancel();
}
这是如何做到的呢？我考虑过在$mdDialog显示类似于mywebsite.com/page#dialog的URL中添加一个哈希，然后当用户单击后退按钮时，它可以看到这个哈希并关闭对话框并删除哈希。我不知道这是不是最好的
浏览 3提问于2016-07-18得票数 1
回答已采纳
我试图使用angular-material for对话框将从表单中捕获的数据存储在对象中，并使用要捕获的表单。
控制器的相关部分如下所示
$scope.attendees = [{
firstName: "",
lastName: "",
email: "",
phone: ""
}];
$scope.addAttendee = function(ev) {
$mdDialog.show({
controller: DialogController,
templateUrl:
浏览 0提问于2017-08-14得票数 0
回答已采纳
我试图在指令的链接函数中放入一个。从概念上讲，我不明白为什么这是不可能的。根据文档，$mdDialog.show位于一个作用域中，而$mdDialog.hide();位于由$mdDialog.show对象定义的控制器中。我已经能够使对话框弹出-尽管closeModal()会执行(我可以从console.log看出)，但$mdDialog.hide()不会执行，模式也不会隐藏。
angular.module('app', ['ngMaterial'])
.directive('addLayer', ['$mdDialog',
浏览 0提问于2015-06-09得票数 5
回答已采纳
0回答
我使用angular材料来管理我的模态系统，我会将表单放入一个模态中，并在验证后获得值。
这是我的一个简单模式的代码：
.factory('modalService', ['$mdDialog', function($mdDialog) {
var modalService = {};
modalService.alert = function(title, message, ev) {
$mdDialog.show(
$mdDialog.alert()
.parent(angular.element(
浏览 6提问于2017-06-10得票数 0
2回答
我试图将表单输入传递给我的对话框(例如标题)。问题是:它没有得到表单$scope。
如果我将控制器设置为$scope sinde，它将显示正常(例如，请参见$scope.text )。但是，如果我试图获得表单$scope (请参阅`$scope.taskTitle)，它将不会显示任何内容。请看我的代码：
JavaScript
app.controller('tasksCtrl', ['$scope', '$mdDialog', function($scope, $mdDialog){
$scope.teste = 'Just a t
浏览 0提问于2015-07-09得票数 1
回答已采纳
1回答
我正在尝试使用角度材料显示$mdDialog中的XML。如果我使用标准警报来显示它，我就会看到我所期望的XML，但是$mdDialog或Angular正在从它中剥离所有的标记。
这是密码。就XML而言，这两行注释都不起作用。
function displayFile(data, fieldName) {
var content = eval("data." + fieldName);
alert(content);
if (content
浏览 3提问于2015-10-20得票数 0
回答已采纳
在$scope和$mdDialog是静态的情况下，可以执行以下工作。
declare var module: any;
export interface IChangePassword extends ng.IScope {
cancel: Function;
myname: string;
state: string;
processRequest: Function;
CurrentPassword: string;
NewPassword: string;
ConfirmPassword: string;
}
export cla
浏览 1提问于2018-02-26得票数 2
回答已采纳
1回答
如何在$mdDialog中添加表单和提交如何发送到电子邮件。我正试图在对话框中获取from，但无法获得任何线索。
我的控制器是：
App.controller('MainController', function ($scope, $mdDialog) {
console.log("reaching mainController");
$scope.showPrompt = function (ev) {
console.log("reaching showprompt");
// Appending dialog to docu
浏览 20提问于2016-09-24得票数 0
当用户试图提交一个带有空输入框的表单时，我尝试将我的应用程序配置为显示警报，但即使在同一应用程序的其他位置有确认弹出，它也无法工作。
知道为什么这段代码不起作用吗？
。
联署材料：
$scope.addTask = function() {
if ($scope.taskName.length == "") {
$scope.showAlert = function(ev) {
$mdDialog.show(
$mdDialog.alert()
浏览 2提问于2017-03-05得票数 2
回答已采纳
2回答
目的:我有一个复选框列表，在标记时显示不同的表单(要编译)。复选框会在您尝试取消标记它们时显示一个对话框(angular - $mddialog)，询问您是否真的要删除相应的表单。如何防止在用户单击“确认”或“取消”之前取消单个复选框的标记？如何通过选择Cancel保持标记，并通过选择Confirm取消标记？
下面是我的代码：
file.js (包含我的angular模块、控制器等)：
... //INSIDE controller 'ctrlOne'
$scope.fromService = dialog.deletionConfirmDialog('Title
浏览 2提问于2016-11-02得票数 0
我需要从子组件中获取数据。我的子组件有以popu表示的表单。如何将全部详细信息传递给父组件。我的父组件ts文件是
import { Component, OnInit } from '@angular/core';
import {MdDialog, MdDialogRef} from '@angular/material';
@Component({
selector: 'app-vehicle-relocate',
templateUrl: './vehicle-relocate.component.html
浏览 2提问于2017-04-27得票数 2
回答已采纳
1回答
我试图在指令中包含对话框的代码。换言之：
$mdDialog.show({ ..... template: '<my-directive></my-directive>', ..... })
当然，“我的指令”是
<md-dialog>.....</md-dialog>
唯一的解决方案是在“我的指令”之外拥有对话框的完整框架，并在$mdDialog.show()中直接导入。当然，我试过transclude=true，但也不起作用。
如果您想知道造成这种混乱的原因，我试图避免控制器。有什么建议吗？
谢谢!
浏览 2提问于2015-08-12得票数 1
回答已采纳
我有一个用于编辑表单条目的简单mdDialog，当您双击一个网格行时，它会弹出。出现对话框，一切正常，除非我想用网格行的内容填充对话框中的字段。问题是我不确定在哪里做这件事，而且我到目前为止尝试过的每个点都是在对话框实际显示之前访问的，所以对话框中的HTML元素还不存在，还没有被填充。下面是调用对话框的方法：
$scope.showUpdateDialog = function(data) {
$mdDialog.show({
controller: UpdateDialogController,
scope: $scope.$new(),
浏览 14提问于2018-04-05得票数 1
我正在为我正在构建的web应用程序使用AngularJS和角材料，在对话框窗口中我有以下的HTML表单：
<form name="cdc.clientForm">
<md-dialog class="userDialog" ng-init="cdc.init()">
<md-dialog-content>
<md-input-container flex>
<label>Company name</la
浏览 1提问于2016-06-09得票数 0
回答已采纳
我正在构建一个包含以下信息的客户端集合：
"name" : "Test client",
"email" : "test@test.com",
"position" : "Project Manger",
"contacts" : [
{
"name" : "asdf",
"email" : "asdf@adf",
"tel" : "7877
浏览 2提问于2016-05-25得票数 0
回答已采纳
我正尝试在mdDialog中保存表单数据，但有(保存和关闭)对话框和(保存)选项，这将保存表单数据，然后打开另一个空对话框而不必再次关闭和打开mdDialog，问题是如何在相同的表单中为两个保存操作调用相同的SaveData函数？
$scope.saveData = function (isValid) {
if (isValid) {
updateservice.postdata($scope.myformdata)
.then(function (data) {
$mdDialog.hide();
浏览 7提问于2018-10-19得票数 0
4回答
我使用的角度1.5材料设计$mdDialog在推荐的方式，使用controllerAs: "dialog"。在模板中，我有一个表单：<form name="fooForm"。在模板中，我可以毫无问题地访问表单，例如ng-disabled="fooForm.$invalid || fooForm.$submitted"。
但是如何从$mdDialog控制器中访问该表单呢？根据我所读到的，我希望能够做到这一点：
const doFoo = () => {
if (this.fooForm.$dirty) {
这里，
浏览 3提问于2017-02-01得票数 10
回答已采纳
3回答
我有一个将响应列表的API调用，我希望为每个错误显示一个对话框，但我希望在按下第一个错误的Yes后显示下一个对话框。我该怎么处理呢？因为就目前而言，即使还没有选择答案，它也会继续循环。 我试过这个Link的答案，但对我不起作用。 有没有别的办法处理这件事？ timeSheetApi
.validate(clonedTimesheet)
.then(function (resp) {
var validationErrors = resp.data;
line.ErrorCount = 0;
line.WarningCount = 0;
浏览 7提问于2019-06-17得票数 0
回答已采纳
1回答
单元测试$mdDialog角材料
、、、、
我在一个函数中调用了一个$mdDialog。我想对$mdDialog进行单元测试，确定并取消案例。
下面是我的控制器代码(app.controller.js).
(function () {
'use strict';
app.controller('AppCtrl', AppCtrl);
AppCtrl.$inject = ['$scope', '$mdDialog'];
function AppCtrl($scope, $mdDialog) {
$scope.saveE
浏览 0提问于2017-03-20得票数 2
回答已采纳
我正在使用Angular材质库，但无法使$mdDialog正常工作。我不确定我是否正确地加载/注入了服务。
代码如下：
var mainApp = angular.module("mainApp", ['ngRoute', 'ngMaterial'])
.config(['$routeProvider', function($routeProvider) {...omitted} ])
.service('selectedStudentService', function() {...omitted} ])
浏览 2提问于2016-06-11得票数 0
1回答
我有一个带有ng-href的登录表单，它打开一个带有模板的$mdDialog，该模板显示一个表单，该表单要求显示在第一个登录表单上键入的登录信息。无法设法获取该值。不是通过当地人或者别的什么。
有什么想法吗？
谢谢。
浏览 7提问于2018-02-10得票数 0
在我的代码中，我为用户显示了$mdDialog对话框：
$mdDialog.show({
controller: 'loadingDialogCtrl',
templateUrl: 'tmpl/loadingDialog.tmpl.html'
});
然后在ajax响应之后，我想关闭它并显示错误对话框：
error: function (err) {
$mdDialog.hide();
$mdDialog.alert()
.title('Error')
浏览 0提问于2017-01-24得票数 1
2回答
对话框中的角度形式
、、、
我在一个$mdDialog中有一个叫做angularjs控制器的表单，如下所示：
actions-controller.js
function callForm() {
$mdDialog.show({
parent: angular.element(document.body),
templateUrl: 'template.html',
scope: $scope,
controller: 'actionsController'
});
}
浏览 4提问于2015-09-17得票数 0
1回答
我用的是角1.6.2和角材料1.1.4.下面是我为$mdDialog使用的组件：
class CommentReplySettingsController {
/** @ngInject */
constructor($mdDialog, $log) {
this.$mdDialog = $mdDialog;
$log.log(this.settingType);
}
hideDialog() {
this.$mdDialog.hide();
}
cancelDialog() {
this.$mdDialog.cancel();
浏览 4提问于2017-06-22得票数 1
回答已采纳
我使用的是一个项目，现在我使用$mdDialog指令。我在$rootScope变量中声明了一个基本url &它非常适合使用模板，但不适用于$mdDialog模板。为什么会遇到这个问题...
$mdDialog.show({
template: "<md-dialog>{{static_path}}</md-dialog>",
controller : function($scope, $mdDialog, HttpService){
}
});
浏览 0提问于2015-09-07得票数 0
1回答
我有两个$mdDialog，我想在两个不同的视图中使用，控制器对每个视图都是完全相同的。我想要的是在每个控制器中都有$mdDialog.show()函数，传递一个对象和一个控制器文件来完成这项工作。
但是，当我尝试这样做时，我会看到一个错误，即没有定义DialogCtrl。
例如，在视图控制器中：
angular.module('myApp')
.controller('myViewController', [
'$scope',
'$mdDialog',
浏览 1提问于2016-05-12得票数 5
回答已采纳
我开始在angular 1.5v项目中包含angular-material。我也在使用ionic-latest，它包含捆绑的ng-animate和ng-sanitize文件。当我向工厂注入$mdDialog服务时，我得到了下面的错误，但当我向控制器注入$mdDialog时，它工作得很好。可能的原因是什么?我该如何解决这个问题？
Uncaught Error: [$injector:cdep] Circular dependency found: $http <- $templateRequest <- $$animateQueue <- $animate <- $
浏览 22提问于2017-03-17得票数 1
回答已采纳
我已经将一个表单移动到一个mdDialog弹出中，以获取用户输入以向页面添加一个帖子。
我学习了一个关于角度材料的例子。到目前为止，它不会在表单填写后关闭对话框，而不会更新页面上的帖子列表：
我的控制器看起来是这样的：
myApp.controller('PostsController', ['$scope', 'PostsService', '$mdDialog',
function ($scope, PostsService, $mdDialog) {
$scope.posts = PostsServi
浏览 1提问于2016-03-17得票数 2
回答已采纳
我在试着理解和棱镜的对话。我已经创建了一个非常简单的代码来显示自定义警报对话框。我正在尝试向对话框传递一个字符串消息。对话框有一个“确定”按钮，应该关闭它。
消息数据正在正确传递。但是，由于某种原因，OK按钮没有触发对话框控制器的功能。
这是我的密码
Alert.html -包含警报对话框模板
<md-dialog>
<md-dialog-content>
{{message}}
</md-dialog-content>
<md-dialog-actions>
<md-button
浏览 2提问于2017-08-31得票数 0
回答已采纳
我试图清理我的一个控制器的代码，它变得太大了。首先，我决定将使用AngularJS Material的与会者注册移到服务中。
原始(和工作中)控制器代码如下：
myApp.controller('RegistrationController', ['$scope','$routeParams','$rootScope','$location','$filter','$mdDialog', function($scope, $routeParams, $rootScope, $loca
浏览 1提问于2017-08-15得票数 0
回答已采纳
我读到了材料设计中mdDialog的细节，不明白为什么弹出的警报会返回承诺。有人能通过一个例子解释mdDialog是如何实现承诺的吗？
材料设计mdDialog的文档说明如下：
$mdDialog在应用程序上打开一个对话框，通知用户关键信息，或者要求用户做出决定。设置有两种方法:简单的允诺API和常规的对象语法。
浏览 1提问于2015-04-28得票数 5
回答已采纳
2回答
我有一个应用程序，允许用户在模态角材料设计对话框($mdDialog)中创建和编辑记录，我的问题是将对话框返回的对象放入主控制器中的拼贴器中。有办法吗？
angular.module("module").controller("mainController", function ($scope, $mdDialog) {
$scope.Users = [];
function OpenEditWindow(userToEdit) {
$mdDialog.show({
templateUrl: 'V
浏览 4提问于2016-02-04得票数 0
回答已采纳
我正在使用mdDialog从我的页面创建弹出窗口，但原始页面中的一些内容显示在mdDialog的顶部 以下是我的弹出窗口显示方式的链接： ? 看起来标签和输入标签都是在我的md对话框上渲染的。 我是如何生成弹出窗口的： $scope.openTutorial = function(ev){
$mdDialog.show({
controller: TutorialController,
templateUrl: 'partials/tutorial.html',
parent: angular.element(document.body),
targ
浏览 17提问于2019-02-19得票数 0
我使用mdDialog在我的web应用程序中创建新对象。每当我调用mdDialog时，它总是调用我在角控制器中拥有的所有方法。我怎样才能阻止它？
下面是一个带有mdDialog函数的角度控制器的简短示例
//whenever i click on button which invokes showCreateTask function
//these 3 methods get invoked also and send request to my api
$scope.timeline = new TimelineService();
$scope.users
浏览 2提问于2017-02-14得票数 0
回答已采纳
我不知道我是不是在这里犯了一个愚蠢的错误(为此我提前道歉)。或者，在AngularJS逻辑方面，我遗漏了一些东西。所以，我有一个定制的$mdDialog，它是通过按一个按钮触发的。从这个$mdDialog中，我需要打开两个不同的$mdDialog窗口，这取决于用户所做的选择。如果将控制器嵌套在同一个父控制器中(因为我使用的是$mdDialog，所以有很多控制器)，这很好。
为了代码可管理性，我想要拆分这些控制器，我就不能将它们注入父控制器，而且AngularJS给了我一个未知提供者错误。下面是我的索引文件，其中有指向主模块和控制器的链接：
<script src="js/app.
浏览 3提问于2016-05-11得票数 1
回答已采纳
我有一个带有输入字段的$mdDialog。在关闭$mdDialog之前，会保存输入字段的内容。因此，当用户按下“关闭”按钮时，会调用一个函数来对数据执行某些操作并保存它们。但是，我在ESC上检测不到$mdDialog的关闭。是否可以在$mdDialog控制器中使用ESC检测关闭事件？
以下是示例代码。
angular.module('MyApp', ['ngMaterial'])
.controller('AppCtrl', function($scope, $mdDialog, $rootScope) {
//$rootScope i
浏览 0提问于2016-09-07得票数 5
我使用$mdDialog.show()打开了一个模板，如下所示：-
$mdDialog.show({
skipHide: true,
controller: 'EditController',
templateUrl: 'app/View/Edit.html',
parent: angular.element(document.body),
clickOutsideToClose: false
});
现在，我尝试在保存数据之前显示警报，方法是使用如下$mdDialog.confirm()：-
var confirm = $mdDialo
浏览 4提问于2016-11-14得票数 3
2回答
当在$locationchangestart中调用时，我希望确认的行为类似于$mdDialog ()。$mdDialog在恢复位置更改之前不会等待用户输入。
$rootScope.showConfirm = function (ev) {
// Appending dialog to document.body to cover sidenav in docs app
var confirm = $mdDialog.confirm()
.title('Tem certeza que deseja sair?')
浏览 0提问于2017-07-11得票数 0
嗯，我试着用一个形式在一个角度的材料对话框中，但它似乎不起作用。
我有一个控制器专门处理对话框。
(function(){
var app = angular.module('perguntas');
app.controller("dialogController", ['$scope', '$mdDialog','$mdMedia', function($scope, $mdDialog, $mdMedia){
$scope.status = ' ';
$scope.custo
浏览 1提问于2015-12-17得票数 2
回答已采纳
登录失败时尝试使用$mdDialog；目前我已经注入了$mdDialog，在响应失败的地方添加了以下代码：
$mdDialog代码：
$mdDialog.show(
$mdDialog.alert()
.title('Username / password is incorrect')
.textContent(response.message)
.ok('Got it!'));
知道我做错什么了吗？
我的错误
$mdDialog.alert(...).title(...).textContent is not a function
我的控制器(我不认为它是必
浏览 1提问于2015-12-13得票数 0
1回答
我希望在kivymd库中更改in对话框字体。当我添加font_name时，此代码不起作用。如果你能帮我，我会非常感激的。
from kivy.lang import Builder
from kivy.animation import Animation
from kivymd.app import MDApp
from kivymd.uix.button import MDFlatButton
from kivymd.uix.dialog import MDDialog
KV = '''
FloatLayout:
MDFlatButton:
t
浏览 3提问于2020-10-27得票数 0
回答已采纳
我想向我的mdDialog中添加一个变量或函数。我不确定如何创建自定义的mdDialog，我对angularjs并不熟悉。
这是我的mdDialog：
vm.dialog_up = function() {
vm.dis = true;
alert = $mdDialog.alert()
.title('Attention, ')
.content('Do you want to edit your Information?')
.ok('Close');
$m
浏览 1提问于2015-08-12得票数 2
回答已采纳
1回答
这是一个关于角材料，mdDialogs和范围变量的问题：
我订阅了一个特定的主题使用Stomp。
Stomp从服务器接收字符串，它们在作用域变量中连接。
用户单击按钮以显示mdDialog。
mdDialog应该显示文本区域中传入的字符串更改。
But...it没有正常工作。我必须关闭并重新打开对话框以查看更改。我试图在主视图(index.html)中添加textarea，并且textarea正常工作。
为什么在角材料中，当我们在mdDialog内部时，它不改变文本区域？有什么办法解决吗？
这是一个柱塞，您可以看到主视图(index.html)正确地更新随机值，但是如果
浏览 2提问于2016-06-22得票数 2
回答已采纳
1回答
我试图在控制器和函数之间共享一个变量。但是我从控制器那里得到了一个错误，它说：
TypeError: Cannot read property 'getSet' of undefined
我读过很多教程，但不知道我哪里出了问题。我的服务代码如下：
app.service('shareData', function() {
var selected = ["plz", "print", "something"];
var putSet = function(set) {
sele
浏览 2提问于2016-06-22得票数 2
回答已采纳
this.$mdDialog.show({
controllerAs: 'ctrl',
resolve: {
product: product
},
controller:($mdDialog, product) => {
close() => {
$mdDialog.hide({productToUpdate: product}
}
},
templateUrl: 'product-dialog.tmpl.html',
pare
浏览 0提问于2018-03-03得票数 3
回答已采纳
1回答
我让mdDialog在一个控制器中显示来自另一个controller.when的详细信息--我单击“关闭”按钮，它不会关闭。
我使用了两种方法：$mdDialog.hide()和$mdDialog.cancel()
浏览 0提问于2018-02-09得票数 1
为什么我的$mdDialog.prompt不能工作，而我的$mdDialog.confirm却能正常工作？
我使用的代码是：
$scope.showPrompt = function(ev) {
var confirm = $mdDialog.prompt()
.title('What would you name your dog?')
.textContent('Bowser is a common name.')
.placeholder('dog name')
.ar
浏览 0提问于2017-04-10得票数 0
我对angularjs和其他材料都很陌生，而且我在尝试使用mdDialog时遇到了困难，无法找到答案。当调用函数时，它一直返回mdDialog是未定义的。
按照最后一次尝试的代码：
var corenotes = angular.module('corenotes',["ngAnimate", "ngAria", "ngMessages", 'ngMaterial', "ngMdIcons"] );
corenotes.controller('BoardController',[&
浏览 2提问于2016-04-10得票数 0
回答已采纳
如何在控制器和$mdDialog (角材料)之间共享范围？我使用"Controller作为“语法，我需要将控制器的函数使用到$mdDialog中，因为当控制器关闭时，我需要一些数据。在这段代码中，我需要在myFunction中调用“$mdDialog”。如果我有一个对象(self.obj)，并且我需要它进入'myFunction'，当$mdDialog调用'myFunction‘时，该对象不存在于作用域中。
angular.module('myApp')
.controller('myController',
浏览 2提问于2016-04-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
