草庐IT

异步组件

全部标签

javascript - 异步 - 传递变量并保留上下文

如果你有以下代码:varasyncConfig={};vara,b;for(vari=0;i如何将变量a和b的值传递给func以便当async.auto(asyncConfig)在for循环之后执行,a和b的上下文被保留?(每次执行func时,a和b的上下文不同。)提前致谢! 最佳答案 varasyncConfig={};vara,b;for(vari=0;i 关于javascript-异步-传递变量并保留上下文,我们在StackOverflow上找到一个类似的问题:

javascript - ReactJS:如何从另一个组件更新一个组件

我正在尝试使用ReactJS编写一个简单的textarea字符计数器小部件学习如何使用它,但我现在确定如何通过触发textareaonChange事件来设置值。这就是我编写应用程序的方式:/***@jsxReact.DOM*/varEditorWidget=React.createClass({render:function(){return(Titoloarticolo);}});varTextArea=React.createClass({onTextChanged:function(event){//howtoupdatecurrentLengthforTextStatuscom

javascript - 我可以在 Angular 组件之外使用 AngularJS 的 $q 吗?

我正在编写一个浏览器应用程序,我有一个创建对象并对其进行初始化的文件。该应用程序是用AngularJS编写的,但有问题的文件是普通的Javascript,在Angular生态系统之外。我想在该文件中使用promises,但由于Angular包含一个animplementation的Q,我宁愿只使用它,也不愿引入另一个库。我也在使用RequireJS。那么,有没有办法在非Angular文件中使用$q呢? 最佳答案 您可以使用angular.injector()来做到这一点返回$injector的方法函数可以通过其invoke()方法注

javascript - 强制 Protractor 的 onPrepare 等待异步 http 请求

我的Protractorconf.js,onPrepare函数需要发出一个http请求,如下所示,onPrepare:function(done){request.get('http://pepper/sysid').end(function(err,resp){if(err||!resp.ok){log("thereisanerror"+err.message)done()}else{global.sysid=resp.sysiddone()}})它抛出错误,done不是一个函数有没有其他方法可以在我的测试开始执行之前强制调用onPrepare中的回调?

javascript - Angular 2. 将参数传递给组件

我想向我的组件传递一个字符串参数。根据传递的参数,我将在我的组件中为服务传递不同的参数。我接下来要做的是:在index.html中调用我的组件,传递参数。Loading...在我的组件中,我包含来自angular2/core的输入import{Input,Component,OnInit}from'angular2/core';在我的组件类中,我声明了一个输入@Input()mode:string;并且使用console.log()我trycatch我传递的“tree”参数,但它是未定义的。console.log(this,this.mode);组件文件的完整代码:import{Htt

javascript - 如何在单击按钮时添加 React 组件?

我想要一个Addinput按钮,单击该按钮将添加一个新的Input组件。以下是我认为是实现我想要的逻辑的一种方法的React.js代码,但不幸的是它不起作用。我得到的异常是:invariant.js:39UncaughtInvariantViolation:ObjectsarenotvalidasaReactchild(found:objectwithkeys{input}).Ifyoumeanttorenderacollectionofchildren,useanarrayinsteadorwraptheobjectusingcreateFragment(object)fromthe

javascript - 在 Angular 2 中鼠标悬停之前,组件变量更改不会在 View 中更新

从angular2-alpha更新到最新版本后,bool值的更改不会更新*ngIf,直到执行某些操作。这里是有问题的组件:declarevarCKEDITOR:any;exportclassFieldComponent{@Input()field:any={};ckeditor:any;editable:boolean=false;constructor(){this.switchToUnEditable();this.listenForEvent("FieldEditableEvent",(data)=>{this.switchToEditable();});}switchToEdi

javascript - bundle.js 而不是 React 组件上的控制台日志记录错误

我创建了一个适合我的Webpack构建-它有一个用于热重载的开发服务器,以及一个运行模板html文件并集成bundle.js文件。一切都很好,除了当我在我的开发服务器上工作时,控制台给我这样的错误消息:UncaughtError:预期reducer是一个函数。(…)bundle.js:36329它引用bundle.js作为错误源,而不是我正在使用的组件,这使得追踪错误源变得非常困难。据控制台所知,我知道它是包含错误的bundle.js文件,但我怎样才能让控制台记录预捆绑代码?(例如Component.js)提前致谢。 最佳答案 您应

javascript - 在 Angular 2 中使用异步管道访问数组的第一项

如何在使用异步管道时访问数组的第一项?我试过(pageTabs$|async)[0]但它没有用。 最佳答案 找到了一种更简单的方法(无需创建自定义管道):将map添加到可观察对象。component.tsthis.activeTab$=this.pageTabs$.map(x=>x[0]);component.html 关于javascript-在Angular2中使用异步管道访问数组的第一项,我们在StackOverflow上找到一个类似的问题: https

javascript - react 切换组件

我在下面有这个简单的代码。当我按下切换按钮时,组件Child应该隐藏/显示,但事实并非如此。我必须重新渲染某些东西吗?我不想切换进/出CSS类,只需通过单击按钮进行切换importReact,{Component}from'react';letactive=trueconsthandleClick=()=>{active=!active}classParentextendsReact.Component{render(){return({active&&}Toggle)}}classChildextendsReact.Component{render(){return(Iamthech