草庐IT

Material-UI

全部标签

javascript - $state 或 $location 更改时 Angular ui.router 无限循环

在过去的4个小时里,我已经筋疲力尽了,我一直在尝试调试并在整个互联网上阅读这可能是什么问题。所以,我正在模拟一个移动应用程序,我的逻辑是这样的:如果用户过去登录过,我们在localStorage中有相关数据,然后向他显示列表。这是离线如果我们连接到互联网,首先显示列表并在后台检查他是否仍然登录如果他不是,则重定向到登录页面。在主主页View上,我正在评估上述语句,如果他有localStorage数据,首先我会向他显示列表,然后我在线检查并在必要时重定向到登录。每当我有两个$state或$locations时,它就会循环。就像浏览器几乎死机一样,幸运的是它是Chrome。我得到了Cann

javascript - 如何配置 Angular ui-router 不使用严格的 URL 匹配模式

ui-router0.2.11版本介绍optiontoturnoffstrictURLmatching,但我不知道如何实际使用它。我试过标准配置,因为他们使用intests:app.config(function($urlMatcherFactoryProvider){$urlMatcherFactoryProvider.caseInsensitive(true);$urlMatcherFactoryProvider.strictMode(false);});这些设置都不起作用,所以我想要么我做错了什么,要么它被窃听了。似乎也没有关于它的文档。 最佳答案

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

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

javascript - 更改状态时保留同级 ui-views - ui-router

本题基于"HowcanIpersistsiblingui-viewswhenchangingstate"(plunker)。当我在主导航(mainNav)中更改状态时,我尽量保持View(内容)不变。内容只能由子导航设置,更改主导航时保留。是否有可能在ui-router中保留一个View,即使状态为left?angular.module('MyApp',['ui.router']).config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise('/');$stateProvider.sta

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

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

javascript - 为响应式 UI 分割多少长时间运行的功能?

我有一个运行时间相当长(3到10秒)的函数,它在后台加载页面中不常使用的部分的数据。我的问题是每次执行的最佳运行时间和之间的延迟时间是多少,以确保页面的其余部分保持相当的交互性,但数据的加载不会因分解而过度延迟?例如:vari=0;varchunkSize=10;vartimeout=1;vardata;//somearrayvarbigFunction=function(){varnextStop=chunkSize+i;//findnextstopif(nextStop>data.length){nextStop=data.length}for(;i现在,我已经做了一些测试,产生大

javascript - 使用 ui-sref 解析处于 ui-router 状态的对象

在AngularController和ui-sref链接中有非常大的JSON对象,我想将这个对象传递给ui-view中的模板Controller。我知道,我可以使用ui-sref将参数传递给state,但我不希望这个对象出现在地址栏中。另外,我知道我们可以在状态中使用“resolve”选项,但我找不到如何将数据从链接传递到“resolve”函数。更新如果我这样使用$state.go:路由器配置state('social.feed.detailed',url:'/:activityID'templateUrl:'views/social/detailedactivity.html')在模

javascript - 以编程方式触发 jQuery-UI 可拖动的 "drag"事件

这个问题在这里已经有了答案:HowtoprogrammaticallyinvokejQueryUIDraggabledragstart?(5个答案)关闭7年前。我试图在使用jQuery-UI的draggable小部件连接后立即触发div上的drag事件。我有一些代码在被拖动时会关闭,我也想在页面加载后立即运行此代码。我有时会在其他jQuery处理程序上使用这样的习惯用法来执行此操作:$('.foo').on('bar',function(){console.debug('bar!');}).trigger('bar');这似乎不适用于draggable。这是我的代码:vardragga

javascript - 使用 Angular UI Router 在 AngularJS 中具有历史记录的一页上的多个 View

在我的AngularJS应用程序中,我有一个包含多个子部分的关于页面。所有这些子部分都在同一页面上,并且是同一模板的一部分。但是,我想通过它自己的URL访问每个部分,如果匹配,该URL将向下滚动到正确的部分。我已经这样设置了状态:.state('about',{url:"/about",templateUrl:"partials/about.html",}).state('about.team',{url:"/about/team",templateUrl:"partials/about.html"}).state('about.office',{url:"/about/office"

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

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