草庐IT

UI组件——图表简介

全部标签

javascript - Ember "this"在组件中未定义

我正在尝试制作一个进度条,它会随着更多挑战的完成而更新。但是,组件无法访问该属性,因为它是未定义的。我已经注入(inject)了一个服务,我正在尝试从该服务的一个属性创建一个计算属性。但是,除非在调试中,否则这始终是未定义的。importEmberfrom'ember';exportdefaultEmber.Component.extend({progress:0,game:Ember.inject.service(),events:this.get("game.challenges")});this怎么能在上面的代码中没有定义呢?它如何不绑定(bind)任何范围?我已经投入了这样的调

javascript - react 路由器不渲染组件

我们像这样使用react-router:ReactDOM.render(,document.getElementsByClassName("container")[0]);varAnyPic=React.createClass({render:function(){return(Helloworld)}});varPhotoView=React.createClass({render:function(){return(Thisisthephotoview)}});在包含react-router之后,以前只是localhost:8000的内容开始看起来像localhost:8000/#

javascript - Angular Run Block - 使用 UI-Router $stateProvider 来解析 Promise

UI-Router不同于Angular的ngRoute。它支持普通ngRoute可以做的所有事情以及许多额外的功能。我正在将我的Angular应用程序从ngRoute更改为UI-Router。但我不太清楚如何以编程方式注入(inject)resolve函数-我在Controller和config之外使用的代码片段。因此,使用标准Angular的ngRoute我可以在Angular运行中动态注入(inject)我的resolvepromiseblock:app.run(function($route){varroute=$route.routes['/'];route.resolve=r

JavaScript 函数——用 wheel 事件调用一次?

此代码几乎可以工作,但有一个小问题,我希望得到您的帮助。TheGoal:ThisgoalofthisscriptistocalltheparseScroll();functiononetimewhentheuserwheelsusingthemouse.TheProblem:Thecodeinitiallyworks.However,ifyouwheelwithyourfingeronthemousemutipletimeswithinshortproximilty,theparseScroll();functionisn'tcalled.Itdoesthisbecauseithasn

javascript - 绑定(bind)在动态加载的组件中不起作用

我遇到了一个问题,如果我动态加载一个组件,模板中的所有绑定(bind)都不适合我。除此之外,永远不会触发ngOnInit方法。loadView(){this._dcl.loadAsRoot(Injected,null,this._injector).then(component=>{console.info('Componentloaded');})}动态加载组件import{Component,ElementRef,OnInit}from'angular2/core'declarevar$:any@Component({selector:'tester',template:`Dyna

javascript - promise.all 在 forEach 循环中——所有东西同时触发

在Node应用程序中,我需要以同步方式遍历某些项目,但循环内的某些操作是异步的。我的代码现在看起来像这样:someAPIpromise().then((items)=>{items.forEach((item)=>{Promise.all[myPromiseA(item),myPromiseB(item)]).then(()=>{doSomethingSynchronouslyThatTakesAWhile();});}}当items是1的数组时,这会产生奇迹。但是,一旦有多个项目,promise.all()将立即触发每个数组中的项目,无需等待循环中的操作结束。综上所述...我如何确保

javascript - 我什么时候需要使用 super(props) 将 prop 传递给 React 组件的构造函数?

这个问题在这里已经有了答案:What'sthedifferencebetween"super()"and"super(props)"inReactwhenusinges6classes?(10个答案)关闭6年前。很多时候我们在构造函数中发送props但我们从来没有在构造函数中的任何地方使用this.props那么为什么需要传递它以及何时需要这样做。classAppextendsReact.Component{constructor(props){super(props);//Whendoweneedtosendpropstotheconstructorthis.state={data:

javascript - 为什么我的 React 组件渲染被调用两次,一次没有数据,然后又一次有数据,但是为时已晚的异常?

我有一个组件TreeNav,其数据来自api调用。我已经设置了reducer/action/promise和所有的管道,但是当我在数据上调用map()时在组件渲染中,得到“UncaughtTypeError:Cannotreadproperty'map'ofundefined”。故障排除显示TreeNavrender()被调用了两次。第二次是在数据从api返回之后。但是由于第一个render()错误,第二个render()永远不会运行。这是我的代码文件:--------reducers/index.js--------import{combineReducers}from'redux'

javascript - 如何在 Angular 图表条形图中使用纯色条

我正在使用angular-chart(基于chart.js)创建一些条形图,但无法获得我想要的条形样式。我希望条形图是这样的纯色:但我不知道如何摆脱chart.js默认添加的alpha:我的html看起来像这样:和javascript:angular.module('myApp',['chart.js']).controller('myController',[function(){varctrl=this;ctrl.socialChart={options:{legend:{display:true}},labels:['2012'],series:['FACEBOOK','GOOG

javascript - 使用指令将组件动态添加到子元素

尝试使用指令将组件动态放置到子元素。组件(作为模板):@Component({selector:'ps-tooltip',template:`{{content}}`})exportclassTooltipComponent{@Input()content:string;}指令:import{TooltipComponent}from'./tooltip.component';@Directive({selector:'[ps-tooltip]',})exportclassTooltipDirectiveimplementsAfterViewInit{@Input('ps-toolti