草庐IT

网页组件

全部标签

javascript - 从 Angular 5 组件访问父类(super class)字段

我有一个包含组件通用功能的父类(superclass)。exportclassAbstractComponentimplementsOnInit{publicuser:User;constructor(publichttp:HttpClient){}ngOnInit():void{this.http.get('url').subscribe(user=>{this.user=user;});}}我有一个实现这个父类(superclass)的子类。@Component({selector:'app-header',templateUrl:'./header.component.html'

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 - 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 - 如何为 iphone 开发看起来像 native 应用程序的网页?

如果您在iPhone上查看某些Google页面(即mail.google.com/tasks),它们看起来很像原生iPhone应用程序。有谁知道他们是如何让它模仿native应用程序的外观的,是否有描述如何做到这一点的资源?还有人可以从客户端safari浏览器上的javascript访问任何iphone硬件数据(即加速度计数据、gps信息)吗?我想不会,但我想我还是会问的。 最佳答案 在Google上搜索“HTMLiphone”会得到大量答案。您需要密切注意iphone的条件HTML。这篇文章似乎涵盖了外观/感觉所需的大量信息:ip

javascript - 我可以使用 javascript 捕获和保存网页的当前状态吗

我需要使用javascript获取页面的全部内容并将其发送到服务器脚本以保存它。我想在用户使用AJAX和其他javascript工具对页面进行一些更改后执行此操作。我不想要某些元素的状态。我基本上想把所有内容都放在body标签内,这样我就可以将它传递给服务器端脚本。我试过getelementbyid等,但它似乎使页面陷入循环并崩溃。谢谢 最佳答案 试试下面的代码:varbody=document.getElementsByTagName("body");varbodycontent=body[0];然后使用“bodycontent.

javascript - 使用 Javascript 在网页上显示另一台计算机的时间?

这个问题在这里已经有了答案:Clockonwebpageusingserverandsystemtime?(8个答案)关闭9年前。我正在开发一个对时间非常敏感的Web应用程序。给我的业务规则之一是应用程序的行为必须始终取决于Web服务器上的时间,而不管客户端的时钟是什么时间。为了让用户清楚这一点,我被要求在Web应用程序中显示服务器的时间。为此,我编写了以下Javascript代码:clock=(function(){varhours,minutes,seconds;functionsetupClock(updateDisplayCallback){getTimeAsync(getTi

javascript - 加载时重置 Ember 组件

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

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

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