草庐IT

列表框组件

全部标签

javascript - [Socket.io/Node.js]获取客户​​端连接用户列表

我在socket.io客户端中遇到问题,因为我无法在我的客户端中显示所有用户用户名的列表。我只是socket.io的新手,我知道如何在服务器端编码。我在客户端编程方面遇到困难。我只想在我的client.html中显示连接的用户用户名.这是我在server.js中的一些代码varusers=[];app.get('/',function(req,res){res.sendfile(__dirname+'/index.html');});io.sockets.on('connection',function(socket){socket.on('adduser',function(user

javascript - ng-options 选择列表值设置为我选择的 id 并将其与 ng-model 正确绑定(bind)

使用angular我想创建一个选择列表,其值采用我选择的id(对象的实际id属性),我想用ng-model指令正确绑定(bind)它。这是我试过的:$scope.People=[{name:"Fred",id:1},{name:"Joe",id:2},{name:"Sandra",id:3},{name:"Kacey",id:4},{name:"Bart",id:5}];$scope.setTo1=function(){$scope.selectedPersonId=1;}http://jsfiddle.net/b7dyadnr/这里selectoptionvalue是正确的值(val

javascript - 使用 DOM 创建并填充一个复选框列表,其中包含 javascript 中的数组值

我有一组动物...我如何设法在javascript中创建一个复选框列表,并用动物数组中的动物名称填充每个复选框,并在html中显示它们。我的尝试代码:varlengthArrayAnimals=animals.length;for(vari=0;pos 最佳答案 这是一种方式(纯JavaScript,无jQuery):varanimals=["lion","tigers","bears","squirrels"];varmyDiv=document.getElementById("cboxes");for(vari=0;ihttps

javascript - React JS this.props.data 未在子组件的 getInitialState 中定义,即使它是在渲染中定义的(并且在父级中定义)

场景:在同一个祖父包装器(->)中重用组件(->)以实现代码重用。首先,我分配了一个数据数组并循环以重新使用子组件(->)。对于第二个,它只是一个对象(具有与数组对象相同的属性),我直接在渲染中分配它(不需要this.props.data.map循环,因为已经只有一个对象)。问题:对于阵列,一切都按要求工作。this.props.data传递给child,状态通过各种事件更新,一切都很好。然而,对于单个对象,在之前一切正常.即使this.props.data包含有效值并正确分配给child组件,在的getInitialState,它莫名其妙地未定义(或设置为的getInitialSta

javascript - react 组件的正确命名规范

我正在尝试为React.js应用程序中的组件找到最佳命名约定。这就是我目前一直在做的......假设我有一个searchBar组件,我想在我的table组件中呈现它。search-bar.jsvarReact=require('react');varSearchBar=React.createClass({/*codeforsearchcomponent*/});module.exports=SearchBar;table.jsvarReact=require('react');varSearchBar=require('search-bar');varTable=React.crea

javascript - 内部带有自定义组件的 TouchableWithoutFeedback 不会触发 onPress 回调

我做了一个DEMO所以问题是第三个按钮不起作用。按钮之间的唯一区别是我在Header组件中传递它们的方式。SecondButton}thirdButton={}onPress={this._handlePress}/> 最佳答案 我的解决办法是把这个...进入这个... 关于javascript-内部带有自定义组件的TouchableWithoutFeedback不会触发onPress回调,我们在StackOverflow上找到一个类似的问题: https:/

javascript - 从语义 UI 构建中删除未使用的模块/组件

找了半天,没有找到适合当前SemanticUI2.0的方案。问题是:如何从我的JS/CSS构建中删除未使用的组件和模块?我使用了大约1/4的所有功能,有什么简单的方法可以减小文件大小吗?从semantic.json添加/删除元素的方法似乎不再有效。谢谢,H.G. 最佳答案 这可以在语义UI的安装过程中完成。你读过InstallSemanticUI吗??描述了你要执行npminstallsemantic-ui--save开始安装脚本。系统将询问您要运行哪种类型的设置(自动、快速、自定义)。如果您选择“自定义”,系统将提示您安装语义UI

javascript - 按字母顺序对列表进行排序,字符在末尾

我需要按Angular、字母顺序(升序)对列表进行排序,但希望将特殊字符(如果有的话)放在列表​​末尾。例如:列表应该是这样的:AppleBanana*Apple任何建议都会被推荐。 最佳答案 这是一个相当简单的解决方案。手动比较字符串时,最好使用localeCompare即使用户的特定语言环境规定了不同的排序顺序,它也能正确排序。但是单靠这个功能并不能解决我们的问题。基于@wZVanG的聪明答案,我们将使用\W正则表达式字符组替换任何非单词字符,在字符串的开头用字母z这会自动将它们排序到列表的末尾。请注意其中的一个缺陷是,如果您的

javascript - ngFor 中的 Angular2 组件抛出错误(viewFactory 不是函数)

我在Angular2应用程序(测试版1)中有一个ComponentB。在我将它放在ComponentA的ngFor循环中之前,它工作得很好。我收到了一个相当神秘的错误:EXCEPTION:TypeError:viewFactory_ComponentB0isnotafunctionin[numbersinComponentA@1:23]BrowserDomAdapter.logError@angular2.dev.js:22690BrowserDomAdapter.logGroup@angular2.dev.js:22701ExceptionHandler.call@angular2.

javascript - 使用无状态功能组件与调用方法有什么区别?

我试图了解无状态组件以及这些示例之间的区别:classApp{render(){return({this.renderAFunction('hello')});}renderAFunction(text){return({text});}}还有这个:classApp{render(){return();}}constRenderAFunction=({text})=>({text});或者是否有任何区别? 最佳答案 在功能上,绝对没有区别。两者最终都呈现一个段落元素,但还有其他方面需要考虑。在检查这两种方法时,(在我看来)需要说明三