草庐IT

Angular-ui-bootstrap

全部标签

javascript - Angular Material Datepicker 为空

我目前正在使用Angular构建Web应用程序,并且我正在为某些UI组件使用AngularMaterial。目前,我有一个无法解决的问题。当我使用https://material.angularjs.org/latest/demo/datepicker中描述的日期选择器时,窗口打开但它仍然是空的。这是日期选择器的代码片段。{{'start_register_error_birthDate_required'|translate}}我的导入是否有问题? 最佳答案 使用旧版本的Angular,比如1.5.9。Angular1.6禁用Co

javascript - Angular 4 Reactive Forms FormControl错误为空

如果我在没有输入任何内容的情况下切换文本输入,则会显示错误消息divs,表明所需的验证器已正确触发。但是,如果我在其中一个字段中键入任何内容,控制台会立即抛出此错误:Cannotreadproperty'required'ofnull这是我的组件:import{PasswordValidators}from'./../validators/password.validators';import{Component,OnInit}from'@angular/core';import{FormBuilder,Validators,FormGroup,FormControl}from'@an

javascript - 使用 Angular 4 中的 ReactiveForms 使两个 FormControl 输入元素保持同步

给定一个组件,带有一个表单声明ngOnInit(){this.form=this.fb.group({address:[""],});}表单上的两个输入控件,都引用同一个控件。如何使每个控件中的输入值保持相同。更新每个输入元素确实会更改模型值,但不会更改其他相应的输入值。我确信这是设计使然。我在选项卡式界面上使用控件,每个选项卡上都需要一个副本。有没有简单的方法让它们保持更新?我有一个workingplunkerdemonstration. 最佳答案 只需在表单中添加一个值字段看看这个plunker

javascript - Bootstrap 模态有一个缺陷

当我学习bootstrap并尝试官方页面上的示例时,我发现了modal的一个缺陷(可能)零件。点击“Launchdemomodal”,你会注意到右上角有一个明显的空白,当模态对话框消失/出现时,导航栏会拉伸(stretch)/收缩。这是错误还是故意的?我觉得这很烦人,如何禁用它? 最佳答案 要手动修复这个问题,只需添加body.modal-open,.modal-open.navbar-fixed-top,.modal-open.navbar-fixed-bottom{margin-right:0px;}在Bootstrap样式表之

javascript - 如何在不破坏 Angular 模型(数组)的情况下过滤它

我有一个适合我的观点的模型。该模型是对象数组:vararr={"12345qwery":{prop1:"value",prop2:"value"}}//contains500items今天我用以下方式过滤它:arr=$filter('filter')(arr,filterTerm);//contains4items在这一行之后,我得到了很好的过滤数据,但是如果我再次运行这个过滤器,我没有500个项目,而是4个。因此,为了避免这种情况,我将原始数组存储在临时对象中,当用户更改过滤器时,我首先使用备份数据更新arr(它是原始的500项)并进行过滤。现在我遇到了麻烦,因为我有多个过滤器,我必

javascript - 如何在 Angular2+ 中使用 ngStyle 将转换翻译属性应用于元素

我正在尝试使用[ngStyle]有条件地将transform:translateX($value)直接应用于模板元素,但我找不到任何人谈论这个。主要是因为我不知道要搜索什么:D。我见过一些使用[style.color]进行基本样式设置的方法,或者使用[attr.style]="{'transform':'translateX(4rem)'}"但最后一个在呈现的HTML中返回:style="unsafe"。我已经看到您可以使用Sanitizer来清理或绕过您的样式/脚本等...但在这一点上,它开始“闻起来”像您不应该做的事情?我正在寻找一种干净的方法来实现这一目标。但我不知道去哪里找。提

javascript - 输入迄今为止搜索的术语时,jQuery UI 自动完成不会触发搜索

我有一个jQueryUI自动完成控件,它在minLength=3时触发Ajax请求。问题如下:假设我输入“fic”作为初始搜索词-这很好。请求触发并返回结果。我决定不想选择任何结果,然后再次重新输入相同的搜索(同上)。这次没有触发Ajax请求!我的代码如下所示://...dorequest$("#reportSearch").autocomplete({delay:50,minLength:3,source:function(q,add){$.ajaxSetup({cache:false});$.ajax({type:"GET",url:K_URL_REQUEST所以基本上在我上面描述

javascript - 是否可以根据屏幕宽度更改 Bootstrap 弹出窗口的位置?

我有一个项目列表,每个项目都有一个与之关联的Bootstrap弹出窗口(docshere)。它们是这样启动的:$('#my_listli').popover({placement:'left'});这行得通,但在宽度较小时,弹出框会从视口(viewport)中消失。我想根据$(document).width();设置条件放置,但是我看不到覆盖初始选项的方法(例如,在宽度为1000px,将位置切换到“上方”​​)。我整理了一个简化版本atjsfiddlehere.非常感谢。 最佳答案 placement也可以取一个函数作为它的值。在此

javascript - 如果只有一个 slider ,则隐藏 Twitter Bootstrap 左右箭头

如果只有一个slider存在,我一直在尝试隐藏BootstrapCarousel左右按钮,但似乎无法使其正常工作。我试过了if($('.carousel-innerdiv').length===1){$(this).find('.controls.carousel-control').hide();}和if($('.carousel-inner.item').is(':only-child')){$(this).find('.controls.carousel-control').hide();没有任何运气。为什么这两个都不起作用有什么特别的原因吗?控制台为.length返回正确数量的

javascript - 在 angular.js 中切换类和文本

有一个锁定和解锁功能,在html中表示为Lock和UnLock解锁/锁定实际上是一个RESTAPI调用$scope.unlock=function(user){user.$unlock();}$scope.lock=function(user){user.$lock();}如何在angular.js中的两种状态之间切换?我的意思是当执行锁定并成功时,第一个选项应该隐藏,而解锁按钮应该可见。selectedUser.enabled解锁时返回1,锁定时返回0。 最佳答案 只需使用一个li,并用ng:class设置类:HTML:{{sel