草庐IT

modal-form-sidebar

全部标签

javascript - 用户界面路由器 : open modal and pass parent scope parameters to it

我正在使用这个FAQ条目在某个状态的子状态中打开模式对话框:https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-open-a-dialogmodal-at-a-certain-state我的代码如下。当我打开模式对话框时,我需要访问父状态范围的属性。这可能吗?plnkr:http://plnkr.co/edit/knY87n.state('edit',{url:'/{id:[0-9a-f]+}',views:{'@':{templateUrl:'views/edit.html',c

javascript - ReactJS:在 Modal 中动态加载组件的最佳方式

我想像这样创建一个干净且可重用的模态组件:varModal=React.createClass({....render:function(){return({this.props.module==='curriculum'?:});为了保持整洁——我想将模态内容加载为基于{this.props.module}的组件值,来自发起者组件。有更好的方法吗?类似于?或者这是不安全的?也许ReactJS中已经内置了一些东西? 最佳答案 您可以使用this.props.children来呈现组件的子控件。像这样:varControl=React

javascript : how to distinguish between selected element list and form

这是脚本:http://jsbin.com/itusut/6/edit你好,我有功能:functionon(t,e,f){if(e.length){varl=e.length,n=0;for(;n如果我们这样做varhandle=document.getElementsByClassName('some-class');然后handle是一个节点列表。如果我们这样做varhandle=document.getElementById('an-id');然后handle是单节点。问题是,当我选择时它返回array而不是单个元素。所以,我的on功能失败。函数使用elm.length筛选。一切

javascript - Angular:mat-form-field 必须包含一个 MatFormFieldControl

我正在尝试添加一个带有自定义电话号码输入控件的表单域。我使用了来自https://material.angular.io/components/form-field/examples的电话示例.代码如下:phoneIncludeareacodeimport{FocusMonitor}from'@angular/cdk/a11y';import{coerceBooleanProperty}from'@angular/cdk/coercion';import{Component,ElementRef,Input,OnDestroy}from'@angular/core';import{Fo

javascript - 我无法让 onChange 触发 dijit.form.Select

我似乎无法将onchange事件正确附加到dijit.form.Select小部件。但是,我是Web开发的新手,所以我可能会做一些完全愚蠢的事情(尽管,据我所知(并且我已经阅读了我能找到的所有文档)我不是)。我确保body类与dojo主题相匹配,我为我使用的所有小部件(和dojo.parser)执行dojo.require(),但仍然是nada。我使用的代码是:dojo.addOnLoad(function(){var_query=dojo.query('.toggle');for(variin_query){dojo.connect(_query[i],'onchange',func

javascript - 动态禁用 Contact Form 7 字段验证

在我的联系表单7中,我有两个单选按钮,它们根据用户所做的选择显示和隐藏联系表单中的字段。当您单击“电话”单选按钮时,脚本(JS而不是jQuery)会确保隐藏电子邮件字段并且仅显示电话字段。当您单击电子邮件单选按钮时,将显示电子邮件字段并隐藏电话字段。该部分完全按照我希望的方式工作。我遇到的问题是我无法弄清楚如何阻止ContactForm7验证隐藏字段。例如,如果客户只想输入他们的电话号码而不是他们的电子邮件,插件由于电子邮件字段未填写,他们在尝试提交时仍会给出错误。这是代码-JS:window.onload=radioCheck;functionradioCheck(){if(docu

javascript - 使用 Jasmine 对 $modal 进行单元测试

我有一个带有Controller的Angular应用程序,它在函数调用期间显示Angular-Strap模态窗口。它在Chrome中正常运行,但我无法进行有效的单元测试。App模块和FooController:varapp=angular.module("app",["mgcrea.ngStrap"]);app.controller("FooController",function($scope,$modal){varfooModal=$modal({title:'Foo',content:'Bar',show:false,html:true,backdrop:'static',pla

javascript - document.write() 与插入 DOM 节点 : preserve form information?

考虑两个分别在其正文中包含以下内容的网页:document.writeln('')和vart=document.createElement('textarea');document.body.appendChild(t);(将它们视为更大事物的一部分,其中文本区域必须从JavaScript生成并且不能硬编码到页面中)。它们都产生相同的输出,但前者被认为是“坏”的,而后者被认为是“正确”的方式。(对吗?)另一方面,如果您在页面中输入内容然后刷新它,或者转到其他地方并点击返回,那么在前一种情况下,您在文本区域中输入的内容会被保留,而在后一种情况下它是丢失。(至少在Firefox上是这样。)

javascript - 错误 : [$compile:multidir] Multiple directives [form, 表单] 请求 'form' Controller :<form ng-form ="">

我在用angularjs构建的表单上遇到此错误。`错误:[$compile:multidir]多个指令[form,form]请求'form'Controller:{{job.role}}{{job.salary}}{{job.company}}Submit最初我在data-ng-controller中有表格,我把它拿出来看看是否Controller可能是问题所在..请询问您是否认为我需要发布更多代码,我正在使用angulars原生路由系统 最佳答案 这些中的每一个都或多或少相同,并且指的是form指令:所以你可以做或者简单地,在这两

javascript - 在 Angular 中动态重置 ng-form

我查看了以下内容:ResetForminAngularJS和Angularclearsubformdataandresetvalidation从这些我试图创建一个动态表单重置/清除函数,它看起来像下面这样:$scope.clearSection=function(formName){$scope.formName.$setPristine();$scope.formName.$setUntouched();};是否可以在表单名称动态传递给此函数的Angular中创建这样的动态清除函数? 最佳答案 示例plunkr:http://pl