草庐IT

UI组件库

全部标签

javascript - angular 的 ui-router 似乎正在缓存解析。当我不想要它的时候

背景:我正在使用ui-router来满足我的Angular页面路由需求。到目前为止效果很好,但是我遇到了一个问题。当我加载一个状态并解析我的用户对象时。我使用restangular调用数据库,它返回一个promise。一切都很好。如果我然后注销,并以另一个用户身份登录。然后导航回显示前一个用户对象的同一页面。我发现的事情:每次加载状态时都会调用restapi,并且这是正确的信息。如果我在我的Controller中放置一个断点,解析通过的用户对象将被缓存信息。理论:restAPI端点是/users/me/,这是相同的端点每个用户。我们只是根据关闭提供不同的信息我们传递的JWTtoken。

javascript - 在 ui-dialog-buttonpane 中添加搜索按钮和文本框

我正在编写一个greasemonkey脚本来操作DOM、查询服务器并在单独的jquery对话框中显示结果。我想为其添加以下两个功能:提供一个搜索框,其作用类似于在浏览器上进行简单搜索(即仅搜索jquery对话框的内容并突出显示文本)。提供一个文本框,除非用户专门更改它,否则应永久存储其内容以供将来使用用户脚本。我面临的问题是,我想将这两个都包含在对话框的ui-dialog-buttonpane区域中,在关闭按钮的左侧,但我不知道该怎么做。我所知道的是,我可以使用window.find()(此处使用http://www.javascripter.net/faq/searchin.htm)

javascript - 组件重新渲染时 React SVG 消失

我正在用我的组件中的一些SVG图标制作一个React应用程序。例如,我有一个SearchBar组件,其中包含输入元素以及一个带有搜索图标的按钮。我通过从单个sprite文件相应地设置xlinkHref属性,为我的所有SVG图标使用内联SVG。一切似乎都运行良好,除了我的SVG图标在我点击它们时随机消失。包含图标的按钮元素不会消失,只是SVG图标。我检查了devtools上的DOM树,似乎名为“#shadow-root”的节点存在问题。当我的SVG图标可见时,它们被放置为“#shadow-root”的子节点。然而,当它们消失时,DOM树显示“#shadow-root”节点不再有任何子节点

javascript - 如何将样式应用于带有样式组件的 react-burger-menu 按钮?

我想在React应用程序中使用styled-components创建一个菜单组件,该组件在同一文件中包含样式,从而使其非常模块化。我正在使用react-burger-menu作为菜单。如果我将BurgerMenu包裹在样式化的div中,一切正常(从react-burger-menuREADME.md复制的样式):importReactfrom'react';import{slideasBurgerMenu}from'react-burger-menu';importstyledfrom'styled-components';constStyledBurgerMenu=styled.di

javascript - 直接调用功能组件

无状态功能组件只是一个接收props的函数并返回React元素:constFoo=props=>;这边(即React.createElement(Foo,props))在父组件中可以省略以支持调用Foo直接,Foo(props),所以React.createElement可以消除微小的开销,但这不是必需的。用props直接调用功能组件是否被认为是一种不好的做法?争论,为什么?这样做可能意味着什么?这会对性能产生负面影响吗?我的具体情况是,有一些组件对DOM元素进行了浅层包装,因为第三方认为这是一个好主意:functionThirdPartyThemedInput({style,...p

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 - 更改状态时保留同级 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 - 在 AngularJS 中按程序包含组件

我有一个对象数组。这些对象中的每一个都有一个带有字符串值的“组件”属性。现在我想遍历列表并呈现每个引用的组件。循环对象的其他属性应该为组件提供参数(不包括在下面的示例中)。我的解决方案目前有效,但需要在switch-case中声明允许的元素并创建不需要的包装元素:angular.module('switchExample',[]).controller('ExampleController',['$scope',function($scope){$scope.items=[{component:"alpha"},{component:"beta"},{component:"alpha"

javascript - 在 react 中将值传递给子组件(this.props.children)

我在布局中有一个子组件,我也想传递一个Prop值。但我不知道怎么办。在下面的类中,layoutFileDataRequest()在单击事件时从子组件接收字符串变量。需要将该值发送到this.props.children组件之一,以便它可以更新。我该怎么做?在下面的代码中React.cloneElement(child,{不会改变它总是保持不变,这意味着我无法更新child属性。exportdefaultclassLayoutextendsReact.Component{constructor(props){super(props)this.layoutFileDataRequest=t