草庐IT

ui-select

全部标签

javascript - ui-router deferIntercept 和状态参数

我使用ui-router的新deferIntercept()来更新浏览器url而无需重新加载我的Controller:$rootScope.$on('$locationChangeSuccess',function(e,newUrl,oldUrl){e.preventDefault();if($state.current.name!=='search'){$urlRouter.sync();}$urlRouter.listen();});使用此代码,单击浏览器的后退按钮会将URL更改为上一个,但我无法更新我的Controller状态以反射(reflect)此更改。$stateParam

javascript - Angular UI 路由器 : Multiple URLs to single state

我已经开始使用angular的ui-router,我正在尝试弄清楚如何让多个URLS指向一个状态。例如:/orgs/12354/overview//retyrnsthesamepagesas/org/overview我的$state提供程序当前设置为类似这样的设置,我不清楚如何插入别名“/org/overview”路由,以便它正确地从“org”父级继承。.state('org',{abstract:true,url:'/orgs/:orgID',templateUrl:'/client/navigation/main.html'}).state('org.overview',{url:

javascript - Angular-ui:是否打开了任何模式?

如果有任何模式打开,我想启动一个代码。通常我想要这样的东西:$scope.$watch(function(){return$modal.isOpenState;},function(val){//mycodehere},true);但我不知道该看什么。是的,我可以检测每个实例的打开事件,例如:modalInstance.opened.then(function(){//mycodehere});但这不是DRY。附言我也可以在$watch函数中制作类似$('.modal').hasClass('in')的东西,但这有点难看P.P.S顺便说一句,我正在使用ui-router打开模式(请参阅

javascript - 在 SELECT 元素的更改事件中重新验证输入

我正在编写一个AngularJS应用程序,在这个应用程序中有一个域管理工具。选择域后,我会在表中生成域记录,让用户编辑每一行。由于字段是动态创建的,我使用ng-form来启用单独验证每一行,因为它们共享相同的名称。每个域记录都有一个内容字段,其中包含IP、CNAME等内容。我使用根据所选记录类型(A、CNAME、TXT等)的函数生成的正则表达式模式验证此字段。问题是,当我编辑A记录,然后将记录类型更改为CNAME时,表单仍然有效,因为没有对内容字段执行新的验证。我重新验证它的唯一方法是开始在内容字段中输入内容,然后就可以正常工作了。检查下面的图片:我在A记录上按编辑,一切看起来都很好:

javascript - 扩展 jQuery UI 小部件 - 覆盖父事件?

我正在尝试扩展jQueryUIAutocomplete小部件。在我的自定义小部件中,我需要能够覆盖select事件,同时理想情况下还允许小部件的用户也将他们自己的处理程序附加到该事件。这是我尝试之一的jsfiddle:http://jsfiddle.net/nN46R/我的第一次尝试(在jsfiddle中)是绑定(bind)到_create中的事件:$.widget("custom.myautocomplete",$.ui.autocomplete,{_create:function(){this._super("_create");//Doesn'tworkthis.element.

javascript - Angular UI 路由器 : decide child state template on the basis of parent resolved object

这是我的app.js文件-我有一个母国和两个子国。两个subview都需要该对象。states.push({name:'parentstate',url:'/parent/:objId',abstract:true,templateUrl:'views/parentview.html',controller:function(){},resolve:{obj:function(OBJ,$stateParams){returnOBJ.get($stateParams.objId);}}});我想使用这个已解析的对象来决定子模板states.push({name:'parentstate.

javascript - 带有 Material-UI 的 ReactJS : How to sort an array of Material-UI's <TableRow> alphabetically?

目前,我渲染Material-UI的's(http://www.material-ui.com/#/components/table)与一个数组s并使用.map().每个有一个代表名字,像这样Josh.但是,如果用户按下按钮,我想对进行排序按's字母顺序排列名。所以说例如10s,如果数组[0]的名字是Conny,而数组[1]的名字是Adrian,则希望数组[1]成为数组[0]。正确的做法是什么?任何指导或见解将不胜感激。编辑每一行都会像数组rows那样呈现,具有属性为firstName的对象和favColor:{rows.map((row)=>{return()})}每行定义如下:co

javascript - Select2 按选项值自动完成

我已尝试为我的站点集成标签/自动完成功能。它通过选项文本工作。我快接近结果了,但仍然悬而未决。现在,当您尝试选择选项文本时,会出现相关文本。但现在我也想通过选项值搜索kathmandu或相关选项文本。例如:当我们搜索值时a001kathmandu将出现并选择与a002相同,它将出现pokhara$("select").select2({tags:"true",placeholder:"Selectanoption",allowClear:true,width:'100%',createTag:function(params){varterm=$.trim(params.term);if

javascript - jQuery $.removeAttr ("selected") 改变选择的选项

请看例子:http://jsfiddle.net/HHDpK/1/如你所见,两个选择器之间的区别只是线条$("#chooser-1.y").removeAttr("selected");但因此它们的状态不同(尤其是在Chrome中)。我是否遗漏了什么,或者这是一个错误? 最佳答案 看起来像带有属性的jQuery的内部错误。请注意,在旧版本中,在1.6版本中引入.prop()之前,它worksasexpected.在较新的版本中,只需使用.prop()来处理元素的此类属性:$("#chooser-1.x").prop("selecte

javascript - 将不在选择列表中的值输入到 jquery-select2 中

我有一个用例,我允许人们在select2plugin的文本框中键入值没有出现在选择列表中。在一种情况下,我提供验证并且不提交,除非用户选择了有效的项目,但在他们选择之前我不想清除他们的值。选择框可能包含1.00、1.50、1.75、NA、ABS,而用户刚刚输入了1.80。这是一个无效值,但我不想丢失他们的更改,我会将该框标记为无效并允许他们修复他们的更改。我不想将1.80添加到选择框,因为它是一个无效值,但我也不想清除它。如何实现这一目标? 最佳答案 如果您在JS中进行验证,Select2有一个动态加载/生成数据的示例,它会覆盖qu