草庐IT

动态绑定ref

全部标签

javascript - 在 TypeScript 中动态返回一个类构造函数

我正在尝试在TypeScript中构建一种机制,以根据表示类名称的字符串参数返回类的新实例。基本上,我正在尝试创建一个工厂,只是我不太清楚如何在TypeScript中执行此操作。在纯JS中,我可以通过将所有类构造函数存储在一个键/值对象中并调用newClassDictionary[className]();来解决这个问题——这不是最可靠的解决方案,但它在这种情况下工作。我似乎无法获得类型和转换的正确组合来在TypeScript中完成此操作。有没有更好的办法?我在TypeScript中找不到工厂模式的任何示例,所以现在我只有一点switch语句,它丑陋且不灵活。

javascript - 在迭代时 knockout foreach 绑定(bind)调用点击事件

我正在使用knockout的foreach绘制带有可点击单元格的表格第一列和表标题用于表内的人口值。从代码片段可以看出,我正在使用一些css绑定(bind),并将模态弹出对话框绑定(bind)到单元格单击事件。表格按预期绘制,一切正常,但第一次加载表单时,即使没有单元格点击,我的模态表单也会弹出。我试图找出发生这种情况的原因,发现内部迭代knockout不仅绑定(bind)了点击事件,而且还调用了点击事件的处理函数(显示弹出窗口)。我假设问题出在knockout绑定(bind)上。这个问题有什么解决办法吗?如何避免在foreach迭代中调用函数? 最佳答案

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 - 更改事件不适用于动态生成的元素 - Jquery

我用jqueryAjax动态生成一个下拉列表,生成下拉列表的id是specificationAttribute。我想为生成的新标签创建添加事件(specificationAttribute),为此我在window.load中创建了Belowescript:$(document).on('change','#specificationattribute',function(){alert("ClickedMe!");});但它不起作用。我尝试了更多方式,例如click、live但我无法得到任何结果。jsfiddle来自fiddle的代码:$(window).load(function()

javascript - 使用 i18n 翻译 Angular 2 中的数据绑定(bind)文本

当我尝试使用i18n将英语翻译成法语时,按照https://angular.io/docs/ts/latest/cookbook/i18n.html上的国际化教程,一切正常。逐字逐句。但是当我尝试使用Angular2的数据绑定(bind)将可变文本插入HTML时,它停止工作了。这是我的HTML:{{value}}这是我的组件:import{Component}from'@angular/core';@Component({moduleId:module.id,selector:'my-app',templateUrl:'app.component.html'})exportclassA

javascript - Jest 中的动态导入产生 : SyntaxError: Unexpected token import

还不知道如何解决这些错误,Jest提示像这样的动态导入:constimportModules=Promise.all([import('containers/HomePage/reducer'),import('containers/HomePage/sagas'),import('containers/HomePage'),]);错误信息:F:\react-boilerplate\app\store.js:49import('./reducers').then(function(reducerModule){^^^^^^SyntaxError:Unexpectedtokenimpor

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

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

javascript - 无法绑定(bind)到 'disabled',因为它不是 '<button>' 的已知属性

我刚开始学习Angular,但遇到以下错误:无法绑定(bind)到“已禁用”,因为它不是的已知属性.在互联网上搜索我只是发现了类似的错误,但它们与未导入FormsModule这一事实有关,这似乎不是我的情况。app.components.tsimport{Component}from'@angular/core';@Component({selector:'app-root',templateUrl:'./app.component.html',styleUrls:['./app.component.css']})exportclassAppComponent{title='app';

javascript - 无法使用绑定(bind)到 `this.setState` 的对象文字调用 `partialState`,因为字符串 [1] 与字符串文字 [2] 不兼容

我一直在用头撞墙试图让它工作,有什么建议吗?我在这里使用reactwithflow。我很难理解这些代码注释的东西,同时我也在学习。起初它是压倒性的,但在我花了一些时间在谷歌上搜索远程关闭的任何东西之后,我已经走到了死胡同。帮助?//@flowimportReact,{Component}from'react';importShowCardfrom'./ShowCard';importHeaderfrom'./Header';typeProps={shows:Array};typeState={searchTerm:""};classSearchextendsComponent{hand

javascript - 用于在 React Native metro bundler 中使用动态 yarn 工作空间路径将节点模块列入黑名单的正则表达式

类似于:Howtoblacklistspecificnode_modulesofmypackage'sdependenciesinreact-native'spackager?我正在尝试使用需要返回正则表达式的黑名单选项从metropackager中排除reactnative。我需要的是返回如下内容:/\/DYNAMIC_PROJECT_DIRECTORY\/node_modules\/react-native\/.*/,我可以在DYNAMIC_PROJECT_DIRECTORY中插入一个变量,因为它会根据其他模块的yarn工作区路径而改变。我只是不熟悉正则表达式!谢谢编辑:我尝试在路