草庐IT

滑动组件

全部标签

javascript - 我怎么能使用 system.import() 到组件 Angular 2

我在thispost中看到您可以使用SystemJS将外部javascript文件加载到我在Angular2中的组件中。在我的index.html中:System.config({packages:{"frontOfficeA2/src":{format:'register',defaultExtension:'js'},"angular2-jwt":{"defaultExtension":"js"},"ng2-bootstrap":{"defaultExtension":"js"},"system":{"defaultExtension":"js"}},map:{"angular2-

javascript - 将方向控制与滑动事件同步

我已经构建了两种功能来控制我构建的slider。一种是带有方向控制的按钮,另一种是触摸/滑动事件。如何同步它们,以便当我按下上一个/下一个时,滑动事件也会更新,反之亦然$(document).ready(function(){ $('.prev').on('click',function(e){ event.stopPropagation(); //storevariablereleventtoclickedslider varsliderWrapper=$(this).closest('.slider-wrapper'), slideItems=sliderWrapper.find

javascript - 在 React 组件中进行重定向的适当生命周期阶段是什么?

这个问题在这里已经有了答案:Whatcomponentlifecycletousetodosomethingbeforerender()?(4个答案)关闭3年前。我想根据外部条件渲染一个组件,否则重定向到应用的其他地方。理想情况下,此重定向应在组件之前决定,但在某些情况下,我觉得我需要在组件中执行此操作。例如,在ReactRouter中,路由器可能看起来像这样:LoadingPage的逻辑/sudocode将是这样的:if(stillLoading){render}elseif(loggedIn){redirectToHome}else{redirectToLogin}这变得很复杂,因

javascript - 如何从组件中引用 SCSS 文件的目录?

目前我的目录结构如下:stylesheets..modules...._all.scss...._colors.scss..partials...._all.scss...._Home.scss..main.scss在我的_Home.scss中我有:@import'../modules/all';.headerStyle{color:pink;font-size:15;font-weight:500;}在我的main.scss中,我将样式表文件夹中的所有_all.scss导入如下:@import'modules/all'@import'partials/all'html{font-fa

javascript - 将类型定义添加到将 props 注入(inject)组件的 HOC

我有一个以下列方式(无类型)实现的“高阶组件”。constThemeable=(mapThemeToProps)=>{return(WrappedComponent)=>{constthemedComponent=(props,{theme:appTheme})=>{return}themedComponent.contextTypes={theme:PropTypes.object};returnthemedComponent;}}总结一下它的作用,它需要一个mapThemeToProps函数。这将接收通过合并defaultTheme(由我的库提供)和appTheme(由ThemeP

javascript - 如何更改 swiper.js 中的滑动方向?

当我将滑动器旋转90度时,我很难改变滑动方向。所以一开始默认它有水平方向。单击幻灯片时,我正在旋转“swiper-container”,使其全屏显示。所以它仍然有从左到右的滑动方向,但我需要在不将参数方向更改为垂直的情况下从上到下更改。consttopSwiper=newSwiper(this.DOMTopSwiper.current,{spaceBetween:0,observer:true,observeParents:true,observeSlideChildren:true,direction:"vertical",navigation:{nextEl:".top-swipe

javascript - 在 Griddle 中使用自定义过滤器输入组件

我正在使用griddle用于创建表格的React组件。Griddle支持一个额外的属性来显示一个过滤器输入元素,它可以操作表格。有没有办法在griddle中使用你自己的独立表单/输入。以便在提交第三方输入时我可以触发griddle中的一些函数来更新表?我看过docs并提出问题here在项目上。我不知道如何做到这一点。 最佳答案 如thisdemo中所示您可以指定自定义过滤器和自定义组件:var_=require('underscore'),squish=require('object-squish');varcustomFilter

javascript - 如何将 $scope 传递给 angularjs 1.5 组件/指令

我正在尝试在Angular1.5中使用新的.component()方法。目前我发现关于如何使用它的信息很少。Angular文档也没有真正提到它。我正在尝试将作用域或对象从作用域传递到.component以在组件的模板部分中使用,但我可以传递的唯一两个参数是$element和$attrs。我尝试通过html中的属性传递对象,但我得到的只是对象名称的字符串。我尝试过将其设置为以这些方式表示为变量my-attr="item.myVal"my-attr="{item.myVal}"my-attr="{{item.myVal}}"每次我仍然得到字符串文字而不是变量的值。如何将其设置为作为变量处理

javascript - Vue.js - 从组件内的根实例访问数据

这似乎是一个相当基本的问题,但我似乎无法找到明确(甚至有效)的答案。我有我的根实例:varvm=newVue({el:'#app',//Datadata:{events:{}},//Methodsmethods:{fetchEvents:function(){this.$http.get('/api/events').success(function(theseEvents){this.$set('events',theseEvents);}).error(function(error){});}},ready:function(){this.fetchEvents();}});我有一

javascript - 检查是否启用了 Firefox 3.5 附加组件

为了通知用户可能存在的冲突,我想让我的插件检查是否安装了另一个插件并启用。如果是这样,我可以根据用户的要求禁用它或我自己的:functiondisableExtension(id){varman=Components.classes["@mozilla.org/extensions/manager;1"];if(man){man=man.getService(Components.interfaces.nsIExtensionManager);}if(man){man.disableItem(id);}else{Components.utils.import("resource://g