草庐IT

ui-validate

全部标签

javascript - 将数据传递给 Angular ui 模态(灯箱效果)

问题:我想使用AngularUIBootstrap模态创建模态灯箱详细信息:我使用ng-repeat构建了一个照片网格。每张重复的照片都会使用open()方法打开模式。我正在努力解决如何将单击项目的范围传递给模态,以便我可以抓取要显示的图像url。我已经在模态上实现了scope参数,这让我可以访问父级;然而父级是被点击项目的父级范围并且包含网格中所有图像的整个数组。我需要弄清楚如何判断(以编程方式)单击了哪个索引,或者仅将子作用域发送到模态。我是新手...如果我遗漏了什么或者有更好的方法来解决这个问题,欢迎任何帮助。我的HTML:实例和Controller:app.controller

javascript - 作为 Angular UI 指令的模态确认

我正在尝试使用angular-bootstrap制作一个Angular指令来模仿confirm()函数。这是一个显示我想要实现的视觉结果和行为的插件:http://embed.plnkr.co/27fBNbHmxx144ptrCuXV/preview现在我想使用一个指令来调用模态窗口:{{item}}Delete我创建了一个使用“confirm()”函数的工作指令,但是当我尝试使用模态窗口而不是confirm函数时,我得到一个“$digestalreadyinprogress”错误。笨蛋:http://plnkr.co/edit/JSOInyZIvMtBZFaNvQRO?p=previ

javascript - 如果选项卡太多,如何使 Jquery UI 选项卡水平滚动

现在上图是一个“标签过多”的例子,默认显示为多行。但我想把它做成单行并且可以水平滚动,要么在开始标签之前和最后一个标签之后添加两个箭头,要么自动滚动都可以。 最佳答案 我对这个问题有不同的方法,因为我认为标签的滚动是违反直觉的。我创建了一个插件来在选项卡分到第二行时执行下拉菜单。https://github.com/jasonday/plusTabs 关于javascript-如果选项卡太多,如何使JqueryUI选项卡水平滚动,我们在StackOverflow上找到一个类似的问题:

javascript - Angular UI-Router 在具有 go 函数的状态之间传递数据不起作用

我刚开始学习angularjs,我正在使用angular-ui-router。我正在尝试使用$state.go将数据从一种状态发送到另一种状态,但没有成功。这是我目前所拥有的:我没有故意包含html,因为我认为不需要它,如果需要请告诉我,我会添加它。我的状态配置如下:$stateProvider.state('public',{abstract:true,templateUrl:'App/scripts/main/views/PublicContentParent.html'}).state('public.login',{url:'/login',templateUrl:'App/s

javascript - ui-bootstrap(Angular.JS)中选项卡的淡入淡出效果

如何使用angular-ui-bootstrap将淡入淡出动画添加到标签集中?例如,给定以下代码:SomecontentOthercontent我希望选项卡的内容在它们之间切换时淡出。我尝试将fade类添加到tab标签(类似于您对bootstrap3js文件的处理方式),但没有成功。非常感谢! 最佳答案 自从使用tabsetng-class控制“事件”选项卡,这允许我们通过在删除/附加“事件”类时设置opacity=0来定义带有Angular动画的淡入淡出效果。首先,你需要加载ngAnimate包含angular-animate.j

javascript - 未知提供者 : $uibModalInstanceProvider - Bootstrap UI modal

我对UIBootstrap模式有疑问。在一个Controller中我有这个:app.controller("tableCtrl",['$scope','$http','$uibModal','$log',function($scope,$http,$uibModal,$log){$scope.open=function(size,selectedUser){varmodalInstance=$uibModal.open({animation:$scope.animationsEnabled,templateUrl:'myModalContent.html',controller:'Mo

javascript - 错误 TS7017 : Index signature of object type implicitly has an 'any' type in form validation angular 2

我在给出的Angular2中进行响应式(Reactive)验证时遇到编译错误errorTS7017:Indexsignatureofobjecttypeimplicitlyhasan'any'type为了this.comErrors[field]='';constmessages=this.validationMessages[field];this.comErrors[field]+=messages[key]+'';它正在按应有的方式运行,但是当我尝试运行npmrunbuild.prod时,出现错误并且无法构建我的项目这是我的代码:onValueChanged(data?:any)

javascript - Angular:Validators.email 如果为空则无效

我正在使用Angular(4.0)创建一个应用程序,其中包含一个表单(FormGroup)。在这个表单中,我有一个电子邮件输入(使用FormControl),并且我使用Validators.email进行验证。import{Validators}from'@angular/forms';//...letvalidators=[];if([condition]){validators.push(Validators.email);}letfc=newFormControl([value]||'',validators);//...但是当输入为空时,它是无效的(它有一个ng-invalid

javascript - UI路由器改变状态而不改变url

有人知道如何在不更改url的情况下更改ui-router状态吗?如下面的代码所示;在某些情况下,用户需要被重定向到403或401状态。我希望能够在不更改url的情况下执行此重定向。问候,数据库//makesureauthGetCurrenthasranbeforeroutingstarts$rootScope.$on("$locationChangeSuccess",function(event,next){event.preventDefault();AuthService.loadCurrentAuth().then(function(){$urlRouter.sync();},f

javascript - material-ui中的文本区域

有人可以帮助我使用material-ui库将TextField个性化设置为TextArea吗?我没有找到任何应​​该将其个性化为TextArea的参数:https://github.com/callemall/material-ui/blob/v1-beta/src/TextField/TextField.d.ts这是文本区域:https://material.io/guidelines/components/text-fields.html#text-fields-field-types(CMD/Ctrl+F'文本区')。Textareasaretallerthantextfield