草庐IT

OpenStack七大组件解析

全部标签

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 - 使用 d3.js v.4 解析日期

我正在尝试通过处理我的第一个d3miniproject来学习如何使用d3.js进行编码基于FreeCodeCamp类(class)。我正在尝试用这个jsonfile制作一个简单的条形图.我在尝试格式化文件中的日期时遇到了困难。我试过查看d3.jsAPI我仍然迷路了。如果有任何建议,我将不胜感激。这是我的代码//setthedimensionsandmarginsofthegraphvarmargin={top:20,right:20,bottom:30,left:40},width=960-margin.left-margin.right,height=500-margin.top-m

javascript - IIFE 中的变量提升(惰性解析)

在以下情况下我得到了一个非常奇怪的输出:functiontest(){vartest=123;console.log(test)}//thisoutput:123(functiontest(){vartest=123;console.log(test)})()//thisoutput:123但是当使用下面的代码时(functiontest(){test=123;console.log(test)})()//output:functiontest(){test=123;console.log(test)}谁能解释一下。 最佳答案 您看

javascript - react 切换组件

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

javascript - 在功能组件中存储非状态变量

下面是两个React组件,它们几乎做同样的事情。一个是函数;另一个是一个类。每个组件都有一个Animated.Value和一个在发生变化时更新_foo的异步监听器。我需要能够访问功能组件中的_foo,就像我在经典组件中访问this._foo一样。FunctionalBar在全局范围内不应有_foo,以防有多个FunctionalBar。FunctionalBar不能在函数作用域中包含_foo,因为每次FunctionalBar呈现时都会重新初始化_foo。_foo也不应处于状态,因为当_foo更改时组件不需要呈现。ClassBar没有这个问题,因为它在组件的整个生命周期中保持_foo在

javascript - 用 jQuery/prototype 解析 onclick ="setLocation(...)"

我在示例中有这个标签:我需要做的是在单击按钮时发起ajax请求。我需要将上面的URL段“product/17”附加到我的ajaxurl。有什么巧妙的方法可以在不使用正则表达式的情况下提取它?HTML不可更改-但是我可以修改URL,在这种情况下,我需要从onclick属性中提取准确的URL。所以我需要从onclick属性中提取URL或“product/17”,希望不使用正则表达式。谢谢 最佳答案 所以,如果没有使用RegExp,也没有解析字符串的标准,这是最简单的解决方案:varstr=​$("button").attr("oncli

javascript - JavaScript 和/或 JSON 是否需要解析器按定义顺序枚举属性?

给定一个对象定义:varo={x:1,y:2,z:3,b:4,a:5,m:6,X:7};在枚举时,Chrome似乎遵守属性定义的顺序:for(variino){console.log(i,o[i]);}产量:x1y2z3b4a5m6X7JavaScript和/或JSON指定这种级别的顺序保留吗?无论哪种情况,它可靠吗? 最佳答案 不,Javascript规范明确不要求任何特定的枚举顺序,它们根据定义是无序的。参见12.6.4oftheECMAScriptspecification部分:Themechanicsandorderofen