草庐IT

Angular-ui-bootstrap

全部标签

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 - 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 - Angular - 绑定(bind)到返回 promise 的函数

我是Angular的新手,我很难弄清楚这个问题的根源。我正在编写一个单页应用程序,并且正在处理身份验证部分。我有一个名为“sessionService”的服务,我希望能够在整个应用程序中使用它来确定用户是否登录。如果我这样做很简单:...service('sessionService',function(...){/*...snip...*/this.isLoggedIn=function(){returnthis.authenticated;};});其中“已验证”仅供服务私有(private)。但是,如果我刷新页面,就会分崩离析。所以,我的想法是做这样的事情:/*...snip..

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代码中函数前面有一个+号,我想知道这有什么作用,还是只是为了好玩?

javascript - Angular 2没有提供者错误

我正在创建简单的入门应用程序来玩angular2,我正在尝试制作待办事项服务并将其注入(inject)我的组件,但出现此错误:没有TodoService的提供者!(TodoList->TodoService)TodoService.tsexportclassTodoService{todos:Arrayconstructor(){this.todos=[];}}应用.ts///import{Component,View,bootstrap,For,If}from'angular2/angular2';import{TodoService}from'./TodoService'@Comp

javascript - Angular 2 根据ngFor索引生成类名

我在创建基于Angular2ngFor循环索引的动态类名时遇到了问题。我不得不使用以下语法,因为Angular2不喜欢在同一元素上使用ngFor和ngIf。使用此语法,我如何创建一个动态类名,其索引值为{{index}}。我知道这不是正确的A2代码,但我将它放在我的代码示例中以向您展示我希望该值出现的位置。值“variants”是一个设定长度的空数组。因此,“变体”没有任何值(value)。“currentVariant”是一个默认为0的数字。编辑:上面的代码是正确的。我有另一个我认为与此代码相关的无关错误。 最佳答案 我不太明白你

javascript - Angular 1.5 组件双向绑定(bind)不起作用

我有一个Angular1.5.3组件,它似乎没有更新双向绑定(bind)的值。我的Controller更改传递给组件的值。当Controller初始化时,该组件似乎读取默认值,但此后就好像它是单向绑定(bind)一样。future对绑定(bind)值的任何更改都不会在组件中读取。我将它从一个类似的功能指令转换而来,两种方式的绑定(bind)工作得很好。组件是否缺少更改事件或类似事件?我是否需要向组件Controller添加特定逻辑以便组件模板可以读取绑定(bind)值?实现组件的菜单模板:{{ctrl.menu}}{{ctrl.settings}}子菜单组件:(function(){'

javascript - 找不到模块 : Can't resolve 'material-ui/styles/colors'

我有以下代码,未编译:importReactfrom'react';import{AppBar,Toolbar}from'material-ui';import{Typography}from'material-ui';import{MuiThemeProvider,createMuiTheme}from'material-ui/styles';import{cyan,red}from'material-ui/colors';import{red400}from'material-ui/styles/colors';consttheme=createMuiTheme({palette:

javascript - Bootstrap 工具提示显示在模态窗口后面

我有一个模态窗口,它由这个div组成:@Html.Label("Domainaccountname",new{@class="control-label"})@Html.TextBoxFor(model=>model.Login,new{@class="form-control"})@Html.ValidationMessageFor(model=>model.Login)如您所见,标签上有一个工具提示。它是用这段代码初始化的:$('#Account').tooltip({container:'body'});代码正常运行,但工具提示显示在模式后面。我尝试像这样设置工具提示的z-ind