草庐IT

Web组件

全部标签

javascript - 如何从 Angular 中的子路由组件访问父组件属性?

我是Angular的新手,我被困在那里。我知道如何简单地通过将[parentData]="var"注入(inject)子选择器来在父组件和子组件之间共享数据。但是在使用路由时;我只有一个路由器socket,无法将[parentData]绑定(bind)到它,因为它会引发错误。从子路由访问父属性的最好和最简单的方法是什么?项目在stackblitzhere.我需要在子组件内显示产品(来自父组件)。版本:(Angular5) 最佳答案 是的,这很简单,当你想传递给router-outlet中的组件时,你需要使用services,实际上该

javascript - 无状态组件中的函数

在某人之前,因为这个问题与此重复CanyouwritenestedfunctionsinJavaScript?我想知道我们是否可以做这样的事情?consttoolbar=(props)=>{letsidedrawer=false;showSideDrawer=()=>{sidedrawer=!sidedrawer}return(//Somethinghere)}exportdefaulttoolbar;更准确地说,在功能组件中是这样的showSideDrawer=()=>{sidedrawer=!sidedrawer}然后这样调用它现在,我知道我们可以做这个有状态的组件或类,但在JS中

javascript - 组件中的 store.getState 或 mapStateToProps

我有一个问题,直接从商店使用getState或使用mapStateToProps有什么区别。请看我下面的例子importReact,{Component}from'react'importstorefrom'../store'import{connect}from'react-redux';classTestextendsComponent{constructor(props){super(props);}render(){return({this.props.count}{store.getState().reducer1.count})}}constmapStateToProps=

javascript - 如何从客户端脚本使用远程 Web 服务?

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭10年前。据我了解,由于当前浏览器中的“同源策略”实现,不可能从发送到与Javascript原始域不同的域的XmlHttpRequest中获取数据。我对此事的经验几乎为零,因此我对Javascript无法使用Web服务感到困惑。这是否意味着具有Ajax功能的Web应用程序只能与自身交互而不调用其他域提供的服务?“混搭”如何运作?我猜这些服务是在服务器端使用的,然后数据通过本地Ajax调用传递给客户端。我不

c# - 从 ASP.NET Web 处理程序 (.ashx) 下载文件时的错误处理

我有一个网页,用户可以通过ASP.NET网络处理程序(.ashx)下载PDF文件。它的实现就像这个question中的答案一样.我遇到的问题是,当我在我的JavaScript中执行此window.top.location.href=url;时,如果处理程序中抛出异常,我无法真正控制会发生什么。当一切正常时,用户体验是他们基本上停留在他们所在的页面上,浏览器告诉他们他们可以下载PDF文件。但是,当处理程序中抛出异常时,它们将被重定向到处理程序的URL并显示一个空白页面。下面是一些示例代码,以使其更加清晰:JavaScript:functionopenPDF(){varurl=Genera

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 - 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