草庐IT

ng-bootstrap

全部标签

javascript - 如何使用 ng-animate 以与列出元素相同的方式为表格行设置动画?

使用angular的ng-animate使列表流畅地动画化非常简单,但表格似乎是另一回事。PlunkerlistPlunkertable表格移动动画不起作用,元素只是卡入到位,我想表格需要一些其他CSS/JS,但我不确定什么会起作用,我尝试了很多东西没有成功。我确定这是可能的,例如有这个jQuerytableanimation但这如何转化为Angular动画?我是否必须通过指令深入研究一些JS/jQueryDOM操作,还是有其他方法?无论哪种方式,我都希望看到一种优雅的方式来实现这一点。 最佳答案 问题是行的高度保持不变(直到它们被

javascript - Angular Validation NG消息在提交和删除文本后不显示要求

这是我当前为我的表单设置的验证Thissearchfieldisrequired.和我的表格它工作正常。但这是我不喜欢这种情况的地方1)在空的搜索框上按Enter->它显示正确的消息“需要字段”2)开始键入和删除文本而不按回车->它再次显示错误消息这是我不想要的第二种情况...有什么想法吗? 最佳答案 也许您的错误消息字段名称不正确。由于您没有提供示例,因此无法说出您无法正常工作的确切原因。但是,当我测试时,它工作正常。Thissearchfieldisrequired.http://plnkr.co/edit/56koY7YxPD

javascript - 嵌套的父/子复选框 - 工作解决方案需要 Bootstrap 的调整帮助

我一直在寻找一种“完整”的解决方案来嵌套基于层次结构正确更改状态的父子复选框。大多数“解决方案”都不起作用或只能在一个层面上起作用。他们还要求您以特定方式命名复选框。ThisStackOverflow讨论涵盖了要点,但也提供了Rory发现的一个很好的解决方案here.我已经在我的开发项目中对其进行了测试,它可以完美地独立运行。但是,我使用的是Bootstrap2.x和复选框我有一个JSFiddle它显示了工作示例代码,然后是我的带有禁用父复选框的版本,然后是无效的Bootstrap代码版本。RawworkingexampleTallThingsBuildingsGiantsAndreP

javascript - Angular 选择和 ng-options

我有这个Angular选择:`我的$scope.status_codes是这样的:data:[{"code":"100","phrase":"...","spec_title":"RFC7231#6.2","spec_href":"http://tools.ietf.org/html/rfc7231#section-6.2"}...]我的$scope.obj.status更新为“300”或“100”或任何我更改选择的内容,但选择显示始终为空白。因此,模型更新为选择输入的选定值,但输入不显示当前选定的值,它显示一个空白项。如果我将ng-options更改为ng-options='stat

javascript - Django 表单 - django-bootstrap-datepicker-plus 不呈现日期选择器

我在尝试渲染时遇到一些不便django-bootstrap-datepicker-plus小部件根据thisanswer.一切正常,但Datepicker没有出现。我的Django版本是1.10.7,我使用的第三方应用是:DjangoBootstrap3(pipinstalldjango-bootstrap3)DjangoBootstrapDatepickerPlus(pipinstalldjango-bootstrap-datepicker-plus)这是我的forms.py,我覆盖了DateInput类以根据我的需要对其进行自定义。fromdjangoimportformsfrom

javascript - 表行悬停的 Bootstrap 弹出窗口 : Not possible to click link inside popover

我有表格行,我在TwitterBootstrap弹出窗口中显示其他信息。我参与交互设计时的一些注意事项:悬停行时必须显示弹出窗口弹出窗口将包含1个或多个链接现在,链接部分是最难的部分。如果将鼠标从表格行移到弹出窗口(包含链接),弹出窗口将消失!我正在用这段代码创建弹出窗口:varoptions={placement:'bottom',trigger:'hover',html:true};$(this).popover()--假定包含链接的相关html已生成并放入data-content属性注意这个{placement:'bottom'}。为了能够将鼠标移动到弹出窗口,我尝试了{plac

javascript - AngularJS "ng-submit"在浏览器预填充表单字段时出现问题?

我是AngularJS的新手,正在试验具有“登录”表单的单页应用程序。该表单由“ng-submit”绑定(bind),如果身份验证成功,它的Controller会进行AJAX调用并返回token。随后的AJAX调用传递此token。(不,我不想使用基本身份验证,因为我想要一个非hacky的“注销”按钮)。我已将我的用户名和密码字段设置为“必填”,这样当用户尝试提交字段中包含空白值的表单时,AngularJS将显示工具提示:SignInEmailPasswordLogin当某些浏览器(至少是Firefox)询问用户是否希望浏览器记住用户名和密码并在下次预填充时,就会出现问题。当浏览器填充

javascript - Bootstrap 按钮加载 + Ajax

我正在使用TwitterBootstrap的按钮加载状态(http://twitter.github.com/bootstrap/javascript.html#buttons)。HTML:JS:(function($,undefined){$("#accountRegister").click(function(){$(this).button('loading');$.ajax({type:"POST",url:"/?/register/",data:$("#loginForm").serialize(),error:function(xhr,ajaxOptions,thrownE

javascript - 在 Popover 外部单击时隐藏 Bootstrap Popover

当用户点击弹出窗口外的任何地方时,我试图隐藏Bootstrap弹出窗口。(我真的不确定为什么Bootstrap的创建者决定不提供此功能。)我找到了以下代码ontheweb但我真的不明白。//Hidepopoveronclickanywhereonthedocumentexceptitself$(document).click(function(e){//Checkforclickonthepopupitself$('.popover').click(function(){returnfalse;//Donothing});//Clickingondocumentotherthanpop

javascript - 为什么 Bootstrap 函数以 + 号开头?

这个问题在这里已经有了答案:JavaScriptplussigninfrontoffunctionexpression(4个答案)关闭9年前。我注意到bootstrap.js代码中函数前面有一个+号,我想知道这有什么作用,还是只是为了好玩?