草庐IT

list组件

全部标签

javascript - Angular 如何测试需要位置的组件

您好,感谢您抽出宝贵时间!我正在学习如何使用Angular,并且我有兴趣学习如何测试它的组件。目前我正在苦苦挣扎,因为我已经完成了Angular页面的英雄之旅教程,我正在测试代码以更好地理解它。重点是我正在测试hero-details组件,代码是:import{Component,OnInit,Input}from'@angular/core';import{ActivatedRoute}from'@angular/router';import{MyHeroService}from'../hero-service/my-hero.service';import{Location}fro

javascript - react ES6 : Get selected value in dropdown list using semantic UI

给定以下数据,我如何获取鸟类名称并将其推送(使用添加按钮)到一个新数组以显示在另一个div中(使用reactes6)?所以基本上我希望用户从语义下拉列表中单击一只鸟并将其显示在不同的div中,例如如下所示。这可能很简单,但是当我使用语义元素时,我似乎找不到解决方法。我需要使用onChange吗?我需要在我正在导出的类中执行此操作(react)(只是没有显示类/构造函数/状态定义)Howcanidisplay'Bird_Name'here?addClick=()=>{}const{Button,Container,Divider,Dropdown,Header,Message,Segme

javascript - material-ui 中的 <Fade> 只是禁用组件的可见性。如何获得淡入淡出效果并真正隐藏组件?

我正在使用来自material-ui的material-ui组件.}label="StartValue">我想在组件淡出时完全隐藏元素Grid但它只会禁用组件的可见性并在DOM中占用相同的空间(看起来是空的)。我如何使元素在淡出后隐藏使用 最佳答案 ...http://reactcommunity.org/react-transition-group/transition#Transition-prop-unmountOnExit默认情况下,子组件在达到“退出”状态后会保持挂载状态。如果您希望在组件退出后卸载它,请设置unmount

javascript - 如何在 Vue 类组件中定义过滤器?

Vue类组件是一种相对较新的单文件组件编写方式。它看起来像这样:importVuefrom'vue'importComponentfrom'vue-class-component'//The@ComponentdecoratorindicatestheclassisaVuecomponent@Component({//Allcomponentoptionsareallowedinheretemplate:'Click!'})exportdefaultclassMyComponentextendsVue{//Initialdatacanbedeclaredasinstanceproper

javascript - 使用 <img> 为 markdown gatsbyjs 创建自定义组件

我正在尝试为我的markdown创建一个接受图像源的自定义组件。我无法通过自定义组件显示图像,因为找不到图像,因为它不存在我也意识到图像路径是由GatsbyJS生成的,我不知道如何在Markdown中检索图像的路径。我确实有一个包含一些文本的自定义组件,但我无法为图像做同样的事情。这是一个带有标题和几个词的简单Markdown。索引.md---title:ToDoApp---Hithisismytodoappapp.Belowisabunchofscreens![ImagefromGyazo](./screen1.png)我创建了一个名为imageholder的自定义组件,它在显示图像

javascript - Ajax 调用无法使用 list v2 的 chrome 扩展

我正在尝试使用类似这样的基本chrome扩展chrome.omnibox.onInputChanged.addListener(function(text,suggest){varbaseUrl="http://sample.com";varfinalResult=[];$.ajax({url:baseUrl,dataType:"jsonp",success:function(result){for(vari=0;i这适用于list版本1,但是当我将其更改为v2时,出现以下错误。我将不胜感激:)拒绝加载脚本'http://sample.com',因为它违反了以下内容安全策略指令:“sc

javascript - A* 算法 : closed list contains too many elements/too large

我目前正在用JavaScript实现A*算法。但是,我遇到了一个问题:我的closedList似乎太大了。这是输出的屏幕截图:什么会导致这个问题?我的启发式计算有误吗?Node.prototype.getHeuristic=function(pos0,pos1){//ManhattenDistancevarhorizontalDistance=Math.abs(pos1.x-pos0.x);varverticalDistance=Math.abs(pos1.y-pos0.y);returnhorizontalDistance+verticalDistance;}还是我在这个方法中理解/

javascript - 加载时重置 Ember 组件

我有一个Ember.Component,它将项目添加到一个空数组并在提交时返回该数组。问题是,如果我离开包含组件的路由(提交后和未提交后),然后稍后返回,数组中最后的信息仍然存在。每次使用组件导航到路线时,我都想重置。如果这是一条路线,我只需编写一个willTransition或deactivate方法来重置我的属性。但由于它是一个组件,它没有这些方法,而且我无法(据我所知)访问我希望从父路由重置的属性。那么,每次加载这条路由时,如何将这个数组重置为空(或重置整个组件)?谢谢! 最佳答案 更有可能的是,您没有设置正确使用的值。举这些

javascript - Angular +剑道: Default placeholder for drop down list

我想知道如何在kendoui+angular中为下拉列表设置占位符。目前我有:模板Controller...$scope.options={dataTextField:'label',dataValueField:'id',dataSource:{data:[{"label":"PleaseSelect..."},{"id":"linear","label":"SampleLinear"},{"id":"bar","label":"SampleBar"}]}};...如果我用后端调用替换数据源,我就不能在那里使用“请选择”。有没有其他方法可以解决这个问题?我尝试按照本link中的说明使

javascript - cljs Om 与 React 组件互操作?

是否可以在Om应用程序中使用第三方React组件?我有一个用ClojureScript和Om编写的项目,我想使用JedWatson/react-select,我该如何解决这个问题? 最佳答案 这有几个步骤:打包用于Clojurescript的JS库JS库是作为foreign-libraries的包,您可以阅读更多相关信息intheClojureScriptwiki.在您需要外部库后,您可以通过全局命名空间(js/)访问它并调用您的库定义的函数。这是一个exampleofusingfixed-data-tablewithOm.它的打包