草庐IT

虚拟键盘组件

全部标签

javascript - angular2 组件内的 iframe,属性 'contentWindow' 在类型 'HTMLElement' 上不存在

我在angular2组件中有一个iframe,我试图通过访问contentWindow来更改iframe的内容。iframe应包含一个简单的按钮。我的代码:import{Component}from'@angular/core';@Component({moduleId:module.id,selector:'component-iframe',template:''})exportclassComponentIframe{constructor(){letiframe=document.getElementById('iframe');letcontent='Mybutton';le

javascript - Angular 表单提交事件在父组件和子组件之间触发两次

我有一个奇怪的问题,我的子表单的表单提交事件在我的父表单上触发了两次。child.component.html...child.component.ts@Component({selector:'child-form',templateUrl:'login.component.html',})exportclassChildComponent{@Output()submit=newEventEmitter();publicchildForm:FormGroup;childFormSubmit(){if(this.childForm.valid){console.log('ChildFo

javascript - 从 RxJS subscribe() 函数访问声明为组件的变量

我可以使用this.variable访问组件任何部分的变量,除了像subscribe()或catch()这样的RxJS函数内部。在下面的示例中,我想在运行进程后打印一条消息:import{Component,View}from'angular2/core';@Component({selector:'navigator'})@View({template:'./app.component.html',styles:['./app.component.css']})exportclassAppComponent{message:string;constructor(){this.mess

javascript - 使用带有 Angular 2 组件的 flexbox

我想更新我的Angular2应用程序的视觉面(网格、颜色)。旧布局是使用bootstrap4构建的,我真的不再需要它了。我决定使用纯css3,并使用flexbox构建网格。Imadeapreviewofthisgridoncodepen.然而,在元素中实现很困难,我现在被困住了。让我们考虑一个例子:import{Component}from'angular2/angular2';@Component({selector:'some-component',template:``})exportclassSomeComponent{}如果我在其中引导这个组件,例如.container我可能

javascript - 如何获取键盘上的箭头键以触发博客中的导航(上一页/下一页)链接

到目前为止我拼凑的脚本如下所示:/*KEYNAV*/document.onkeydown=function(e){if(!e)vare=window.event;varcode=e.charCode?e.charCode:e.keyCode;if(!e.shiftKey&&!e.ctrlKey&&!e.altKey&&!e.metaKey){if(code==Event.KEY_LEFT){if($('previous_page_link'))location.href=$('previous_page_link').href;}elseif(code==Event.KEY_RIGHT

javascript - Windows Azure 中的 Neo4j 虚拟机

我已经使用VMDepot在windowsazure上创建了一个Neo4j虚拟机。我的虚拟机大小是“A1(1个核心,1.75GB内存)”。但是在从网络浏览器访问时,我总是收到如下所示的错误“与Neo4j断开连接”,性能非常差。如何提高性能?我以前通过azure网站访问它。 最佳答案 我认为问题出在内存上,Neo4j至少需要2GB内存。这些是neo4j的要求。http://neo4j.com/docs/stable/deployment-requirements.html我目前在VMWare上使用neo4j。我的VM设置是Memory-

javascript - 如何让数字键盘出现在 iPhone 网络应用程序中?

在要在iPhone上显示的网页上,有没有办法让用户在字段中点击时出现数字键盘,而不是qwerty键盘?Thisguysayshere'showtodoit,但从2.0开始,此“功能”已被禁用。我猜有一些花哨的javascript可以用来绕过这个限制? 最佳答案 如果您使用HTML5number输入类型,键盘将默认显示数字。它不是纯数字键盘,但比纯文本好一点。 关于javascript-如何让数字键盘出现在iPhone网络应用程序中?,我们在StackOverflow上找到一个类似的问题:

javascript - 通过 Websocket 更新 Polymer 组件?

我想找到最简单的方法(最好不依赖很多额外的库)将Polymer组件与网络套接字连接起来,以便我可以从后端轻松更新它。现在我已经研究了使用bacon.js来实现这一点,因为直接从网络套接字设置事件流非常容易。我的想法是过滤这些消息并将它们路由到各个Polymer组件。但是,如果这可以在没有bacon.js或其他库(即仅使用Polymer本身和普通的javascriptWeb套接字)的情况下轻松完成,那可能更可取。任何想法、提示或示例代码?提前致谢/罗伯特 最佳答案 这是使用polymer处理websocket的一种非常基本的方法Pol

javascript - 到 ngReact 组件的双向数据绑定(bind)

如何使用ngReact优雅地设置双向数据绑定(bind)?假设我有一个简单的React输入组件,它接受一个value并触发onChange:angular.module('app',[]).value('SimpleInput',props=>props.onChange(e.target.value)}/>)然后从AngularJS方面来看,我希望像这样的东西来更新作用域中的value:value=v}">但是,是否有更优雅的方式来设置到AngularJS作用域的双向绑定(bind),类似于ng-model? 最佳答案 我不这么认

javascript - 如果使用 Redux 和 React-Redux,React 组件中不需要状态吗?

仅使用React管理状态我知道,如果您仅使用React创建应用程序,您最终将在您创建的不同React组件中管理所有状态。使用React和Redux管理状态如果您决定将Redux与React结合使用,则可以将每个React组件的所有状态移动到整个Redux应用程序状态中。然后,每个需要Redux应用程序状态片段的组件都可以通过React-Redux的connect函数连接到该状态。问题这是否意味着您不再需要编写任何处理React的state(即this.setState)的React组件,因为React-Redux是connect通过将数据作为props传递到container组件中,使