草庐IT

UI组件库

全部标签

javascript - AngularJS : angular-ui-router always redirects to $urlRouterProvider. 否则位置

我正在尝试创建一个SPA,您必须在其中登录才能访问几乎所有内容。所以很自然地,您看到的默认屏幕是登录屏幕。但是,在用户登录后,无论ui-sref是什么,ui-router都会重定向到登录页面(即使用户已通过身份验证)。这是我的用户界面路由器代码:(function(){'usestrict';angular.module('app',['ui.router','satellizer']).config(function($stateProvider,$urlRouterProvider,$authProvider,$httpProvider,$provide){$httpProvide

javascript - 在 React material-ui 上显示对话框

我正在使用material-ui的Dialogcomponent对于我的React应用程序。如何将组件设置为变量以便调用onShow()方法? 最佳答案 添加Dialog组件时,只需为其添加一个ref即可(例如ref="dialog"):dialogcontent然后您可以使用this.refs.dialog.onShow(...)从您的所有者组件代码中引用它。Dialogcomponent页面实际上在幕后使用了refs,正如你可以从它的sourcecode中看到的那样. 关于javas

javascript - 具有大型数据集的组件仅在 IE11/Edge 上运行缓慢

考虑下面的代码。想象一下rows.length在此示例中,每个数组大约有8列,将达到2000或更多的任何值。我使用此代码的更扩展版本来呈现表格的一部分,这一直是我的Web应用程序的瓶颈。varGridBody=React.createClass({render:function(){return{this.props.Rows.map((row,rowKey)=>{returnthis.renderRow(row,rowKey);})};},renderRow:function(row,rowKey){return{row.map((col,colKey)=>{returnthis.r

javascript - 自行销毁组件 - angular2

我的组件(main-cmp)包含来自数据库的行。对于行,我为例如创建另一个组件。行-cmpmain-cmp从数据库中请求数据,并解析为在row-cmp中,我声明了delete()函数,它向我的后端调用http请求。现在,当来自请求的响应为真时,我想销毁所选行的row-cmp。这可能吗? 最佳答案 这是不支持的。我建议添加一个事件发射器@Output()delete:EventEmitter=newEventEmitter();然后添加一个事件处理程序,从数据数组中删除该项目 关于java

javascript - 如何检查一个对象是否是一个 Vue 组件?

是否有可靠的方法来检查对象是否为Vue.js组件? 最佳答案 您可以使用instanceof,如下代码:varisVueComp=vuecompinstanceofVue如果isVueComp为真,则它是一个Vue.js组件,否则不是。您还可以使用vuecomp.prototype.constructor,它将返回对创建实例对象的Object构造函数的引用。检查这个fiddle. 关于javascript-如何检查一个对象是否是一个Vue组件?,我们在StackOverflow上找到一个

javascript - 组件在更新时消失

我正在我的ReactNative应用程序中实现一个单词搜索工具。我有一个MobX商店,wordStore。每个文本更改都会通过setFilter操作触发数据库查询。正如我从控制台调试输出中看到的那样,这一切都在幕后工作。但是,一旦触发任何更新,WordList组件似乎就会消失,即,如果我设置默认过滤器字符串,它会显示列表中的匹配项目,但一旦任何文本发生更改,它就会立即消失消失。有什么我想念的吗?奇怪的是WordList.render()方法即使不可见也会执行。编辑:渲染数组的.toString()方法在包含组件中工作正常,但奇怪的是迭代数组也显示相同的行为,在更新时消失。包含组件:co

javascript - 人们更喜欢使用 React 组件的构造函数而不是 componentWillMount 有什么原因吗?

我发现使用生命周期方法componentWillMount来设置初始状态...componentWillMount(){this.state={comments:[]};}...比使用构造函数稍微简单一些。即因为当您使用构造函数时,您有调用super()。constructor(){super();this.state={comments:[]};}不仅如此,如果您的组件传递了props和/或state,那么您还必须手动传递它们。constructor(props,state){super(props,state);...}我在使用componentWillMount时没有遇到任何问题

javascript - Angular 4 : changing url, 但未呈现组件

我正在尝试使用routerLink="selected"从一个组件链接一个组件constroutes:Routes=[{path:'',children:[{path:'account',component:AccountComponent,children:[{path:'selected',component:SelectedComponent,},],},]}];@NgModule({imports:[RouterModule.forChild(routes)],exports:[RouterModule],})exportclassAccountSettingsRoutingM

javascript - 在ajax调用后 react 组件状态变化但不重新渲染组件

在这一部分,用户可以对帖子发表评论。在服务器端检查并收到数据后,我尝试更改this.state.comments值。这样就完成了。但问题是,它并没有改变组件的评论部分。我已经阅读了之前关于重新渲染的问题,所以请不要标记为重复。下面是代码:$.post("requests.php",{requestKey:'newComment',commenterUser:commenterUser,commenterEmail:commenterEmail,theComment:theComment,pnum:pnum},function(data,status,xhr){if(status=='s

javascript - 使用 ui 插件时 Jstree 节点不起作用

我发现使用ui插件会破坏树节点的链接。这不是什么新鲜事,我在其他地方找到了对这个问题的引用。第一个原因是jquery验证插件v1.6的问题。我没有使用那个插件,所以这不是原因。我还发现了一个很好的帖子,描述了将jstree-clicked类添加到的几种方法。标签。这看起来很有希望,但当我尝试时,我没有发现任何区别。这是一个非常简单的例子:YAHOO!$(function(){$("#treediv").jstree({"core":{"animation":0},"themes":{"theme":"classic"},"plugins":["themes","html_data","