草庐IT

bootstrap-material-design

全部标签

javascript - Angular Bootstrap 选项卡 - 选择页面加载中调用的函数

我有以下格式的AngularBootstrap选项卡。(见plunker)select函数应该在选项卡被选中时触发。但奇怪的是,当页面加载时,第一个选项卡的选择功能被触发。(打印选项卡选择动态标题1加载..)"http://plnkr.co/edit/vyOOhCdIl7s1Wvou7Dr9?p=preview"angular.module('ui.bootstrap.demo',['ui.bootstrap']);angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl',function($scope){$scope.

javascript - Material Design Lite + React - 工具提示问题

最近,我一直在整合MaterialDesignLite进入我的ReactWeb应用程序。在大多数情况下,一切都进行得很好,但目前我在React的事件处理方面遇到了一些问题,这似乎不适用于某些MDL组件。特别是,我有一个带有onClick处理程序的DOM元素,它工作得很好,直到添加了MDL工具提示,这导致onClick不再触发.我已经尝试了几乎所有可能的变体(将工具提示放在DOM中的其他位置,将onClick处理程序附加到容器div中,该容器div具有子工具提示,等等),我可以'似乎无法正常工作。这是一个演示该问题的JSBin(我还包括一个示例,该示例使用jQuery在组件安装后将点击处

javascript - Twitter bootstrap 在小型设备上重新排序元素

我在页面上有以下布局:左侧是桌面(lg)版本,右侧是我希望在小型设备上进行的重新排序。使用这段代码:LoremIpsum(2)RostfreieBohrbefestigerfürStahl-undAluminiumunterkonstruktionenImage(1)Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodo

javascript - Angular 2 : how to use bootstrap-tagsinput properly

我正在尝试使用bootstrap-tagsinput我的Angular2项目中的库。该库使用package.json文件安装:"dependencies":{..."bootstrap-tagsinput":"^0.7.1",...}现在我在node_modules中有一个bootstrap-tagsinput文件夹。我想在特定组件中使用tagsinput。我看到node_modules/bootstrap-tagsinput/dist目录下有一个bootstrap-tagsinput-angular.js文件,但我无法正确使用它。我是否应该在我的index.html中添加JS文件,以

javascript - 限制表选择不工作 - Material UI 表 - react

我可能错过了这里的简单答案。现在我的table上有一个三元组。如果选定的数组长度大于一个数字,则呈现一个禁用复选框的表格。我还为带有禁用复选框的表挂接了一个不同的handleClick函数,该复选框只会取消选择。这实质上将复选框变为灰色(禁用它们)并允许用户取消选中以便他们可以取回表格。问题是如果他们单击以选择尚未选中的内容(此时禁用),它会删除所有选定的检查并再次启用表格以供选择。这是一个问题,因为底层数据实际上并没有从我正在使用的实时数据库中删除。所以我在代码沙箱上重现了这个问题。(加载可能需要一秒钟)选择2(应该禁用表格)然后选择任何未选中的复选框,它将删除所有禁用的检查并重新启

javascript - Angular JS(尤其是 Angular Material Design)在 Sublime Text 3 上的缩进效果不佳

我已经使用sublimetext两个月了,到目前为止我真的很喜欢它。但是,我开始在我的webapps上实现Angular设计Material,并且我对缩进过程有疑问:它不能很好地缩进并且弄乱了结构。我在帖子底部放了一张截图。仅供引用,我没有安装缩进或HTML语法相关包,也没有更改默认缩进首选项。当我从我的代码中取出所有AngularMaterial设计元素时,它运行良好,但只要我添加标签,它变得狂野。该代码运行良好,但以这种方式编写代码真的很困难。我已经尝试过全新安装sublimetext2,没有任何软件包或根本没有进行任何更改,但它仍然无法正常工作。(我在日常编码中使用sublime

javascript - Rails 应用程序 : require bootstrap vs require bootstrap-sprockets

添加之间的相应区别是什么//=requirebootstrap-sprockets和//=requirebootstrap到application.js?documentation说:bootstrap-sprocketsprovidesindividualBootstrapJavascriptfiles(alert.jsordropdown.js,forexample),whilebootstrapprovidesaconcatenatedfilecontainingallBootstrapJavascripts一个提供比另一个更好的性能吗? 最佳答案

javascript - 使用拖动事件在 Angular Material 垫表中进行行重新排序

我正在开发一个网站,我正在使用DataTableAngularMaterial的组成部分|.我希望用户能够通过上下拖动行来为每一行设置某种优先级。类似于DataTableforjQuery的东西.我在他们的文档中找不到使用拖动事件重新排序的支持。如何在向我的项目添加最少的依赖项的同时实现此功能? 最佳答案 对于那些寻找如何将其与AngularMaterialtables(mat-table)结合使用的答案的人:而不是使用你将不得不使用选择器。前者将有一个tbody表格元素(您应用dragula包的地方)和行之间的元素。尝试拖动行将使

javascript - 在 Formik 中添加 react-bootstrap 警报以处理提交

我正在尝试向我的Formik表单添加一个react-bootstrap警报,以便handleSubmit向用户发出表单已提交的警报。我使用了react-bootstrap记录的Alert形式,但是我不得不更改最后一行,因为这似乎不起作用(错误说如果我使用react-bootstrap记录的形式,我没有导出任何东西警报。我的警报是:importReactfrom'react';import{Alert,Button,}from"react-bootstrap";classAlertDismissibleextendsReact.Component{constructor(props){s

javascript - Material-UI 更改输入 float 标签的颜色

我想更改Material-UI的TextField的float标题的颜色。如文档中所述,我将对象颜色作为floatingLabelStyle传递:但这适用于标签的两种状态-悬停在输入上方和输入上但没有焦点时,它应该是灰色的。我想我正在覆盖某种CSS转换,但不知道如何让它工作。有什么建议吗? 最佳答案 这样就可以了InputLabelProps={{style:{color:'#fff'},}} 关于javascript-Material-UI更改输入float标签的颜色,我们在Stack