草庐IT

TextField组件

全部标签

javascript - ember js 组件观察器不起作用

我在emberjs组件中有一个场景,其中observe没有被击中。我想出了原因“设置观察到的组件属性时,组件尚未插入。”我的问题是,在emberjs中可以用更好的方式处理这个问题吗?更好的解释可以在下面的jsbin中找到。NotworkingScenarioWorkingscenario 最佳答案 您可以指定.on('init')强制观察者在初始化后立即运行;否则就像提到的@Kingpin2k-他们不运行App.TextboxDisplayComponent=Ember.Component.extend({displayText:'

javascript - 基于选择下拉列表的 Angular 2-Filtering 表(两者都是不同的组件)

我正在尝试根据选择下拉组件传递的值来过滤数据表组件。我正在使用@Input()属性,但所选的下拉数据未传递给数据表组件。如果通过,我将能够使用以下逻辑过滤表格:不确定我哪里做错了。onChangeDetected(val){this.someData=this.someData.filter(x=>x.value==val)}可以找到完整的实现here 最佳答案 我已在thisplunker中更正了您的问题.现在数据已传递,数据会根据您选择的值发生变化。随意环顾四周并在Angular的网站上寻找解释。//Mandatorycodew

javascript - 将数据从 Java/JSF2 bean 传递到 Javascript/jQuery 组件作为返回值的最佳方法

我无法确定将数据从Java支持/托管bean传递到jQuery/Javascript组件(例如Highcharts)的最佳方法,以便我的网络应用程序以动态、实时的方式生成/显示数据。我在Java方面非常扎实,但我对JavaScript/jQuery的了解非常有限,这显然是我失败的地方。据我所知,最好的方法是在我的网络应用程序上对一个隐藏字段进行Ajax化并传递一个JSON对象或字符串?进入它,然后将该值传递到我的JS组件中。首先,这似乎有点费力,因为我需要一个Ajax调用来更新JSON数据,然后调用setInterval将数据重新读取到JS组件中?我希望我可以将数据直接传递到JS组件中

javascript - 商店状态更改时 React 组件不更新

下面是我的组件类。该组件似乎永远不会执行componentWillUpdate(),即使我可以在mapStateToProps返回之前通过记录看到状态更新。状态100%发生变化,但组件不会刷新。importReact,{Component}from'react'import{connect}from'react-redux'import{search}from'./mapActions'importLfrom'leaflet'classMapextendsComponent{componentDidMount(){L.Icon.Default.imagePath='./images't

javascript - 简单的 AngularJS 1.5.9 组件不在 MVC 5 中呈现

我正在尝试启动AngularJS1.5.9并使用名为配置列表的非常简单的组件运行MVC5应用程序。我创建了一个MVC5应用程序(4.5.2),添加了Angular.Core1.5.9Nuget包为了摆脱MVC5、布局和Razor渲染,我创建了一个名为test.htm的简单文件:在module.js中:(function(){"usestrict";angular.module("radar",[]).component("configuration-list",{template:"Hellofromconfigurationlist"});}());浏览器(IE11)显示为空。我已经

javascript - React-Apollo,不要在组件加载时运行查询

我正在使用很棒的https://github.com/apollographql/react-apollo库,我正在尝试查看是否有比我现在做的更好的约定来将数据加载到组件中。我已经将我的组件设置为使用apolloHOC将数据加载到我的组件中,如下所示:constmainQuery=gql`querycurrentProfileData($userId:String,$communityId:String!){created:communities(id:$communityId){opportunities{submittedDateapprovalDatestatusopportun

javascript - "Can' t 绑定(bind)到 'ngModel' 因为它是 't a known property of ' p-calendar '"尝试使用 PrimeNG 组件的错误消息,为什么?

我是Angular2\4的新手,我正在尝试按照这个快速视频教程将PrimeNG组件添加到我的Angular项目中:https://www.youtube.com/watch?v=6Nvze0dhzkE和PrimeNG教程页面的入门部分:https://www.primefaces.org/primeng/#/setup所以这是我的app.component.htmlView:Welcometo{{title}}!!{{value|date:'dd.mm.yyy'}}如您所见,我插入了这个标签来显示日历组件:(如该组件的官方文档所示:https://www.primefaces.org/

javascript - 在 React 中使用 SetInterval 卸载组件

我正在尝试使用setInterval卸载组件。这是基于答案here:组件:classImageSliderextendsReact.Component{constructor(props){super(props);this.state={activeMediaIndex:0};}componentDidMount(){setInterval(this.changeActiveMedia.bind(this),5000);}changeActiveMedia(){constmediaListLength=this.props.mediaList.length;letnextMediaI

javascript - <MuiThemeProvider/> 中的其他组件导致空白页面没有错误消息

我最近使用npminstall--savematerialui在我的Meteor应用程序中安装了MaterialUI我得到了组件出现在我的app.js中文件,但每当我添加其他组件时,localhost:3000只是显示一个空白页。请在下面查看我的代码:header.jsimportReact,{Component}from'react';importAppBarfrom'material-ui/AppBar';classHeaderextendsComponent{render(){return();}}exportdefaultHeader;app.jsimportReactfrom

javascript - Vue 子组件属性不起作用

我正在尝试破解此代码[A](请参阅底部的fiddle):{{file.__progress}}%进入[B]基本相同的代码,但随后带有一个子组件。这里是父级:这里是child:{{file.__progress}}%在child身上我设置了file属性:props:{file:{type:File,required:true}},父子代码中一定存在问题,因为file__img属性在[B]中的子项(渲染时)中不存在,请参阅:,而它确实存在于[A]中:怎么了?控制台没有错误。原始([A])代码来自here.FileObject由一个xhr实例组成(我想?!)。这里是[A]的fiddle/沙盒