jjzjj

angularjs-forms

全部标签

javascript - 在 onChange 事件中获取 redux-form 值

在每次表单更新后,从redux-form管理的表单中获取值的正确方法是什么?每次表单更改时,我都需要使用输入到表单中的值来分派(dispatch)一个操作。我当前的解决方案是取出旧值,而不是刚刚更新的值。onFormChange(e){const{fieldValue1,fieldValue2,fieldValue3}=this.props.fields;console.log(fieldValue1.value,fieldValue2.value,fieldValue3.value);}render(){return(//inputshere);}我的另一个解决方案是这个,但我不知道

javascript - AngularJs 中带有微调器的甜蜜警报对话框

我正在尝试在sweetalert对话框中显示一个微调器,类似于Bootstrap模态对话框(http://jsfiddle.net/D6rD6/5/)我能想到的最接近的是这样的:SweetAlert.swal({title:'Importerrorsoccurred!',text:'',html:true,customClass:'manual-upload-errors-swal-width'});如果这不可能,那么最接近和最好的解决方案是什么? 最佳答案 原版sweetalert插件不支持,建议使用SweetAlert2插件。迁

javascript - redux-form onSubmit 刷新页面

我是redux-form的新手,在处理onSubmit时遇到了一个奇怪的问题。当我完全按照此处的redux-form示例设置我的项目时http://redux-form.com/6.7.0/examples/syncValidation/它按预期工作。我试图根据我的需要扩展这个示例,并确认它在加载表单时按预期工作,如下所示:路由组件>表单。当我尝试在通过路由(路由组件>容器组件>表单)加载的react组件中加载表单时,问题就出现了。当我点击提交时,字段值被添加到地址栏并且表单验证不运行。我已经尝试了我能想到的一切来解决这个问题。如果替换,下面提供的代码将正常工作与在index.js中。

javascript - enctype = "multipart/form-data"在 ie9 和 chrome 之间工作不同

我想将一些数据发布到另一个enctype等于multipart/form-data的域,因为我想要服务器端的未修改数据。这是我的测试代码:functionx_domain_post(url,data){vardd=document.createElement('div');varifrname="client_proxy";dd.innerHTML="";document.getElementsByTagName('body')[0].appendChild(dd);varifr=document.getElementById(ifrname);varf=document.create

javascript - 防止图像在 AngularJs 中渲染

我有这个jsFiddle:http://jsfiddle.net/HMZuh/1/其中包含此htmlshowimage和这个脚本:functionShowHideController($scope){$scope.showMe=false;$scope.imageSource='';$scope.showImage=function(){$scope.showMe=true;$scope.imageSource='https://www.google.com/images/srpr/logo3w.png';}}我收到404,当源尚未设置时找不到图像,当showMe为false时有什么方

javascript - 是否有可能知道 AngularJS 指令中元素的旧值?

元素旧值和新值动态变化时是否可以知道?举个例子,我有一个值为190的按钮190并且这个按钮会被socket.io动态改变。当它改变时,我需要比较这些值,如果新值高于旧值。谢谢! 最佳答案 如果您$watch您范围内的值,它将为您提供旧值和新值。所以你在指令中的链接函数看起来像这样link:function(scope,element,attrs){scope.$watch("foo",function(newVal,oldVal){//logicbasedonoldVal}}然后在您的HTML中{{foo}}参见http://doc

javascript - 从 ERB 切换到 Angular 时,Rails 应用程序中的 AngularJS View 功能测试中断

首先,我有一个工作rails“显示”页面显示项目名称和属于该项目的条目。当使用Angular$scope显示项目名称并使用ERB中的block显示条目时,我的测试通过了。当我用AngularDirective(指令)“ng-repeat”替换条目ERB代码时,仅我的条目测试场景开始失败。有趣的是,该应用程序仍在浏览器中运行。请记住,在我看来,另一个$scope变量过去和现在仍然通过使用几乎相同的测试。工作show.html.erb(在ERB中查看的条目):Thisis{{project.details.name}}Entries打破show.html.erb(在Angular中查看的条

javascript - angularjs ng-click 和 anchor 上的 href

如果anchor上同时存在ng-click和href,则ng-click不起作用。如果可能的话,我希望两者都能工作,转到一条路线然后运行一个功能。我的用例是我打开了一个带有链接面板的抽屉,当转到一个链接时我想关闭抽屉。让两者同时工作的简单方法是什么? 最佳答案 一旦您离开页面,脚本将不再运行。*你的流程可以是这样的:当用户点击时,运行执行以下操作的函数:运行你想要运行的原始函数处理任何“在此特定情况下导航离开”的逻辑。将location.href更改为您要导航到的URL。如果您发现自己一遍又一遍地实现那部分逻辑,当然可以将此行为提取

javascript - AngularJS 和 Node.js 与 ExpressJS 集成

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭9年前。Improvethisquestion我正在尝试使用Node.js以及Express和Angularjs编写一个应用程序。有没有可能让AngularJS处理所有的登陆请求?而Node.js纯粹是为了API?这意味着所有用Node.js编写的路由都是这样的:app.get('/api/users',users.showAll);app.post('/api/users',users.create);app.get('/api/u

javascript - 禁用 angularJs 路由,routeprovider 已经消失

我正在构建一个laravel+AngularJS应用程序,其中laravel处理路由(由于安全问题)。起初我对AngularJS路由进行了一些试验,所以我使用了路由提供者等。现在我正试图摆脱它,angularJS一直在我的URL末尾添加#/partofthelink。这很烦人,我想摆脱它。我已经阅读了很多关于删除路由提供者等的内容,这些都已经完成了。我真的不明白它是从哪里来的。这几天我一直在尝试很多。任何想法可能会导致这种情况?谢谢!更新:问题解决了。在某处使用了$route服务。摆脱它,仍然没有成功。现在,Bootstrap-ui似乎在使用下拉菜单时使用了$location服务。所以