草庐IT

angular-ui-tab

全部标签

javascript - 如何呈现 material-ui 输入控件而不是 materials-ui-datepicker 的文本字段

在我的React(v16.3)应用程序中,我使用material-ui-pickers库的DatePicker组件呈现日期选择器控件。该组件呈现一个Material-UITextField成分。我想改变它,让它只呈现一个Material-UIInput没有TextField呈现的chrome。据我所知,可以使用DatePickersTextFieldComponent字段(底部的here)来实现这一点,但我不知道如何使用该字段。...}value={value}onChange={this.handleChange}disabled={isReadOnly}/>有什么办法吗?更新:通过

javascript - 以 Angular 6 重试 HTTP 请求

我使用拦截器根据每个请求的HTTP响应在显示屏上显示错误消息。intercept(request:HttpRequest,next:HttpHandler):Observable>{constcustomReq=request.clone({//headers:request.headers.set('app-language','en')});returnnext.handle(customReq).pipe(tap((ev:HttpEvent)=>{if(evinstanceofHttpResponse){//processingrequest}}),catchError(resp

javascript - Angular Material 徽章 : Make MatBadge contain an icon instead of text?

使用angular/material6.2.1,我尝试向按钮添加徽章,效果很好。但是,我希望徽章显示Material图标,而不是显示我可以使用matBadge指令设置的纯文本。有谁知道我必须做什么才能实现这个目标?我想我可以使用jQuery,但我想知道是否有更流畅/更简单的方法。 最佳答案 我通过简单地设置f.e.解决了这个问题。按钮上的matBadge="person"。然后在你的css文件中:.mat-badge-content{font-family:'MaterialIcons';}

javascript - 在 Angular 中渲染基于时间的 Observables 而无需压倒性的变化检测

我们的Angular应用程序中有许多组件需要每秒定期显示每个组件唯一的新值(倒计时、时间戳、耗时等)。最自然的方法是创建使用RxJStimer和interval工厂函数的可观察对象。但是,这些会在整个应用程序的每个时间间隔触发Angular变化检测,调用时间间隔函数的次数。如果我们在页面上有几十个组件,这会触发整个应用程序每秒或每个时间段数十次的变化检测,从而产生很大的性能开销。到目前为止,我尝试了两种方法来解决这个问题。对任何一个的好的回答都会非常有帮助——最好是两者兼而有之。我想避免手动触发变更检测,而是依赖于Observables发出的新值,并让异步管道/OnPush变更检测策略

javascript - 如何在所有 api 响应之前以 Angular 7 在页面加载中显示加载指示器?

我在一个页面中有5个API调用。一些api需要20秒才能给出响应。有些需要30秒才能做出回应。有些需要10秒,所以当第一个api给出响应时,第一个api将加载指示器设置为false。然后加载指示器消失。但其他api仍在工作我想显示加载指示器,直到五个api调用响应。你能给我一些完成任务的想法吗?代码:组件.tsloading=true;ngInit(){this.api1();this.api2();this.api3();this.api4();this.api5();}api1(){this.loading=true;this.apiService.api1.subscribe(r

javascript - 无法在 init 上使用 angular2-tree 选择树中的所有复选框

目标:我有一个名为“feeddata”的按钮,所以当我点击它时,数据将被加载我的意思是这里有复选框的树我的要求是当我点击它和数据时,所有的复选框都必须是检查初始化我尝试使用this.treeComp.treeModel.doForAll((node:TreeNode)=>node.setIsSelected(true));但它不工作下面是我的代码click(tree:TreeModel){this.arrayData=[];letresult:any={};letrs=[];console.log(tree.selectedLeafNodeIds);Object.keys(tree.s

javascript - jQuery/JavaScript : My recursive setTimeout function speeds up when tab becomes inactive

我在构建的这个jQuery幻灯片插件中遇到了一个奇怪的小困境。这没什么特别的,我迄今为止编写的代码运行良好,但我注意到,当我离开网站运行并切换到新选项卡并继续在另一个选项卡中浏览网页时(Mac版Chrome在我的例子中),当我返回我的站点时,setTimeout调用似乎已经加速,而不是等待计时器完成触发事件,而是连续触发。这是我的(简化)代码:vartimer;varcounter;varslides;//collectionofalltargetedslides.//animatetothenextslidefunctionnextSlide(){//stoptimermethods

javascript - 通过包含 jQuery 和 jQuery UI,我是否加载了 jQuery 两次?

我一直在研究PHP、JavaScript和jQuery,并安装了几个jQuery插件。现在在我的标题中我有:这是在加载两个不同的东西吗?或者我可以去掉一个吗? 最佳答案 不,您没有加载两次。它们是用于不同目的的2个不同的库。http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js是主要用于文档遍历、事件处理、动画和Ajax交互的jQuery库。检查他们的website信息文档。http://ajax.googleapis.com/ajax/libs/jqueryui/

javascript - 如何为可调整大小的 jQuery UI 元素启动调整大小功能(触发句柄拖动)

当前正在动态创建一个resizable当我点击屏幕时mousedown上的元素。jQueryUI自动添加句柄以允许用户单击并拖动以随后调整元素的大小。我想触发句柄,这样只要用户没有触发mouseup,他们就会调整新创建的元素的大小。我在文档中找不到任何显示单击这些句柄时触发的事件的内容。在创建元素、放置在屏幕上并设置为resizable后,我尝试在句柄上执行mousedown和click。这些都不起作用。有谁知道如何触发调整大小操作的开始?或者,如果有人知道如何记录jQueryUI事件,我可以使用它来查看单击句柄时发生的操作,遵循相同的路径,并在此处发布我的结果。

javascript - 如何使用来自 Ajax 请求的 json 数据生成高图(使用 angular js)

我的问题与链接HowtohandleHighchartseventsfromanAngularJSdirective?有关.如果我想从动态数据生成高图怎么办?我的图表对象定义/配置如下,图表:{类型:'酒吧'},系列:[{名称:'A,B,C,D',分数:[1,2,2,3]}],传奇:{启用:假我想从Ajax请求获得的json字符串中动态地提供相应的“名称”和“分数”数据,其形式为,[{"姓名":"A","得分":1},{"姓名":"B","得分":2}]如果我需要提供任何其他详细信息,请告诉我。非常感谢。重新构造问题:我想使用angularjs创建一个高图。我的javascript文件