草庐IT

ng-bootstrap

全部标签

javascript - Bootstrap 3 - 文本输入下的下拉搜索结果

我在bootstrap3框架的导航栏中有一个文本输入。TitleContact这里是jsfiddle:http://jsfiddle.net/KKm3M/1/我的文本输入所做的是在按键时点击数据库以获取搜索结果。它工作正常,我测试了它,将结果扔到其他地方的临时div。现在我想让这些结果显示在文本输入下方的下拉菜单中。一旦从后端返回第一个结果,下拉菜单就会显示出来。尝试搜索片段但惨遭失败。我该怎么做? 最佳答案 你可以使用数据列表:Input"Something":浏览器支持正在增长(caniuse)。Here是它们的使用示例。

javascript - Bootstrap-select 插件 : how to avoid flickering

Bootsrap-select插件非常棒(http://silviomoreto.github.io/bootstrap-select/)。它提供了一种在Bootstrap中创建华丽的选择菜单的极其简单的方法。然而,我遇到的一个问题是页面加载时“闪烁”。我的意思很简单:页面加载了原始的HTMLselect元素(当然看起来像废话)Bootstrap-select插件JS运行在页面加载后的某个明显时间,原始HTMLselect元素在步骤(2)中被JS转换为漂亮的Bootstrap-select元素。因此,用户首先看到HTMLselect元素,然后看到它切换到漂亮的Bootstrap-sel

javascript - Angular UI Bootstrap 日期选择器结合 UI.Mask

我正在使用AngularUIbootstrappopupdate-picker构建一个指令,使我可以轻松地在需要的地方添加日期选择器。当我将其与uiMaskDirective结合使用时,当我选择一个日期时,输入中的值会被打乱。这是我的html:还有我的JS:/***DATEPICKER*/$scope.today=function(){$scope.dt=newDate();};$scope.today();$scope.clear=function(){$scope.dt=null;};//Disableweekendselection$scope.disabled=function

javascript - 如何使用 ng-model 显示输入元素的不同值?

在Controller中,如果有一个变量跟踪分页表的页面索引(从0开始):varpage{pageNumber:0;}问题:如何在html中显示此pageNumber变量,但始终递增+1?(因为index=0页面显然是第一页,因此应显示为Page1)此外,当模型更新时,输入中的值应该自动更改(同样:也增加+1)。 最佳答案 我认为这是$formatters和$parsers的用例。它们对模型的属性进行操作,无需在模型上创建虚拟属性。文档here.如果这不是$formatters和$parsers的用例,请纠正我。请看下面。HTML标

javascript - AngularJS - 输入自动对焦与 ng-if 不工作

当我用ng-if包围我的input时,在隐藏和显示autofocus属性后不生效:代码如下:{{view.show?"hide":"show"}}这里是plunker:http://plnkr.co/edit/k7tb3xw5AsBYrhdlr3bA?p=preview只需点击隐藏,然后点击显示,您就会看到自动对焦不起作用!在Chrome中只在第一个节目上工作,在FF和IE中它根本不工作! 最佳答案 问题是属性autofocus不是Angular指令。这是一个browsersupportedspecificationoftheele

javascript - 如何使隐藏(ng-cloaked)元素保留其可见时占用的空间

在表格中...我使用ng-cloak和ng-show在鼠标经过该行时出现操作按钮。问题是,当图标出现时,它比不出现时占用更多空间,并且它周围的html会跳转。我什至将我的css设置为对ng-click使用display:none,我认为这应该保留隐藏元素占用的空间(而不是visibility:hidden)。我该如何解决这个问题?或者您能想出更好的方法吗?....这是一个简单的例子:http://plnkr.co/edit/POA9b2pZA9QbBgcMsxBE?p=preview 最佳答案 ngCloak用于preventthe

javascript - 自动更改 Twitter Bootstrap 选项卡

我希望TwitterBootstrap选项卡按时间顺序更改。我使用它们有点像旋转木马。我希望标签每10秒切换到下一个标签。这是一个例子:http://library.buffalo.edu点击新闻报道了解我的意思。任何帮助将不胜感激。 最佳答案 像这样的东西会创建一个永无止境的轮播循环;它将循环遍历所有选项卡并在到达最后一个选项卡后返回到第一个选项卡(将#yourTabWrapper更改为适合包含选项卡标记的任何内容的选择器):vartabCarousel=setInterval(function(){vartabs=$('#you

javascript - Bootstrap 图像弹出窗口

我正在使用Bootstrap并有一个按钮:Popupimage我在同一个目录中有一张图片,如果可能的话,我想在背景为灰色的某种叠加层中弹出它。我习惯了javascript,所以通常会做类似onclick的事情,然后调用一个函数来完成它。但是在Bootstrap中,我不确定如何执行此操作。谢谢 最佳答案 你可以这样做......Popupimage演示:http://www.bootply.com/123443 关于javascript-Bootstrap图像弹出窗口,我们在StackOv

javascript - Angular JS : get ng-model on ng-change

我有以下HTML这是由以下带有国家列表的对象提供的$scope.countries=[{name:Afeganistão,country:AF},{name:ÁfricadoSul,country:ZA},name:Albânia,country:AL},{name:Alemanha,country:DE},{name:Andorra,country:AD}...];当我更改下拉列表值时,我希望我的模型($scope.country)在filterByCountry函数内得到更新,但事实并非如此。我在这里缺少什么? 最佳答案 ng-

javascript - Bootstrap 中的工具提示在 ajax 之后不起作用

我有一个名为index.php的文件,其中包含另一个名为file1.php的文件(在index.php中包含jQuery、js等的所有必要文件)。在file1.php中,我有一个带有按钮的表格,每个按钮都会打开一个模式。模态中的信息来自对file2.php的ajax调用。在file2.php中,我创建了一个表。在表格中我有单元格:AAA而且,嗯,工具提示不起作用。但是,当我复制它并将它放到file1.php时,在表格下方,工具提示确实有效。谁能帮我修复工具提示?谢谢。 最佳答案 在像body这样的存在元素上使用选择器$('body'