草庐IT

angular-ui-sortable

全部标签

javascript - 如何从 Jasmine 测试 Angular 2/4 触发文档级事件

根据Angular测试文档,要从测试中触发事件,我们在调试元素上使用triggerEventHandler()方法。此方法采用事件名称和对象。现在,如果我们使用HostListener添加事件,这将起作用。例如:@HostListener('mousemove',['$event'])或添加一个document级别的事件,我们这样做是这样的@HostListener('document:mousemove',['$event']).在我当前的指令实现中,由于我无法嵌套HostListeners,我使用document.addEventListener添加document级事件到Host

javascript - Material UI TextField 自定义属性

我目前正在尝试将自定义数据属性设置为TextField组件:classTestTextFieldextendsReact.Component{componentDidMount(){console.log(this._input)}render(){return({this._input=elem}}/>)}}但是我无法让data-state显示控制台日志TextField不支持自定义属性吗?我正在使用v1.0.0-beta.6(https://material-ui-1dab0.firebaseapp.com/api/text-field/) 最佳答案

javascript - 错误 : Cannot find module "rxjs/operators" in Ionic Angular

我正在尝试运行我的Ionic项目。几天前它工作正常,现在我无法运行它,无论我做什么。这个错误出现了!我尝试从package.json和node_modules中删除Rxjs,还注释掉了我使用Rxjs的所有地方,仍然出现此错误。在Ubuntu16.04中尝试使用Node8.9.0和npm4.5.0。也试过同样的在windows中运行还是显示同样的错误!我该如何解决这个问题? 最佳答案 尝试重新安装5.5.3或更高版本的rxjsnpminstall@reactivex/rxjs@5.5.3这个问题似乎在5.5.3版本中得到修复https

javascript - 将 Interact.js 与 Angular 项目集成

我需要在Angular项目中使用Interact.js提供的功能,例如可拖动、可调整大小等,但我找不到在typescript中导入它的可靠方法。我已经阅读了一些通过将其定义为函数来解决问题的方法,但我只是想知道这是否是正确的方法。 最佳答案 添加了Interactjs团队typedefinition所以你可以使用typescript。使用NPMinstall而不是像这样的单独文件npminstallinteractjs然后常规导入应该可以工作import*asinteractfrom'interactjs';

javascript - 如何从 Angular 4 中的 NVD3 回调导航组件?

我已经在Angular4中实现了NVD3图表。在回调函数中编写了一个onClick事件,在单击图表时我试图导航到另一个组件,但我无法导航。代码:import{Router}from'@angular/router';exportclassMyNewComponentComponentimplementsOnInit{constructor(publicrouter:Router){}this.options={chart:{type:'discreteBarChart',height:450,margin:{top:20,right:20,bottom:50,left:55},x:fu

javascript - 没有 CSS 资源可以安全地使用 jQuery-UI 吗?

可以在不包含CSS资源的情况下安全地使用jQuery-UI吗?GooglehoststheJSfile,但我没有在该页面上看到任何对jQuery-UICSS资源的引用。如果我只包含jquery-ui.js,我会遇到什么问题? 最佳答案 你会从这样的事情开始(使用jQueryUICSS):像这样(没有jQueryUICSS):使用@AtesGoral在评论中发布的链接或Xavi-LinkstojQueryUICSSthemeshostedonGoogle'sCDN托管样式表更新:作为引用,GoogleCDNjQueryUICSS的路径

javascript - 如何使用 javascript 在 sortable 中查找值的项目

我有一个sortable,它是通过从JSON文件加载创建的。现在我想删除一个项目。我从文本区域收到我必须取消的元素名称。我保存在变量namdel中。通过for循环,我将把这个变量与可排序的名称进行比较。sortable的HTML代码:SingularsensationBeadylittleeyesLittlebirds问题是如何阅读这些项目,因为如果我阅读:varcontapara=1;varl=document.getElementById(contapara).innerHTML;alert(l);程序在alert窗口中写入:Littlebirds我只想要小鸟。

javascript - Ajax 使用 jquery UI 提交各种输入值,然后单击下一个按钮

我目前正在使用jqueryui选项卡和ajax/post提交,无需刷新页面。在一些指导下,我已经能够在单击下一步按钮时提交div#wmd-preview。问题是,当在各个选项卡中单击下一个按钮时,我还想同时提交其他字段。点击下一步按钮时,如何提交不同标签中各个输入字段的输入值?EXAMPLE(对于一些测试,我目前有其他输入字段通过keyup和计时器设置提交)JS-NEXT/Previous按钮与submit/ajax合并varcurrentTab=0;$(function(){var$tabs=$('#tabs').tabs({disabled:[0,1,2],select:funct

javascript - 使用 Angular 服务在 Controller 之间共享数据

我正在尝试让两个不同的Controller相互通信。Controller1functionWelcomeCtl($scope,emailService){$scope.save=function(){emailService.saveEmail(‘Hi’);}}WelcomeCtl.$inject=[$scope,emailService];此Controller旨在从文本字段中获取文本(使用ng-model='email')并将文本放入服务(emailService)中,以便在下一个ng-view(受控)中使用由下一个Controller)//出于测试目的,我只是将“Hi”直接放入s

javascript - jQuery 工具提示 UI - x 秒后触发工具提示

这是我目前所拥有的:TooltipTestingsbody{margin:60pxauto;}p{padding:0;margin:4pxauto;text-align:center;}$(function(){$(document).tooltip({items:'.tooltip',show:100,hide:500,position:{my:'centerbottom',at:'centertop'},content:function(callback){varmsgid=this.id.split('_')[1];$.ajax({type:'post',url:'/toolti