草庐IT

angular-ui-select

全部标签

javascript - 如何在 mat-select 中设置自动对焦?

在我的Angular项目中有AngularMaterial并使用垫选择。Mat-select是我的表单的第一个元素,在我的案例中设置了自动焦点,而页面加载成功但我无法在mat-select上设置自动焦点。任何人都可以帮助我找到在mat-select中设置自动对焦的方法。@ViewChild("name")nameField:ElementRef;ngOninit(){this.nameField.nativeElement.focus();}html{{option.name}} 最佳答案 HTML:{{item.name}}.ts

javascript - Angular 7 动态内容投影

我需要能够告诉Angular组件根据动态数据渲染另一个Angular组件。我认为这需要内容投影,但我只能在简单的情况下使内容投影起作用。示例场景我在vanillaTypeScript中有以下表格数据:constheadings=[{id:'cat',label:'Cat'},{id:'nameIt',label:'Typethename'}]constdata=[{cat:'Tabby',nameIt:(name)=>updateTabbysName(name)},{cat:'Ginger',nameIt:(name)=>updateGingersName(name)},]我还有四个A

javascript - 使用在组件类中找到的变量修改伪元素属性值的 Angular/Mobile 友好方式是什么?

有没有比我目前正在做的更好的方法来使用组件变量修改伪元素属性?我没有按照Angular的方式来做,但这是我的目标。我的方式在移植到移动设备时肯定会失败。我想在组件样式表中放置一个变量:组件:@Input()publicvariable=variable;组件样式表:input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{background:linear-gradient(#568200,#568200)0/variable100%no-repeat#ccc}不幸的是,它不存在于我的模板中,所以我无法在其上

javascript - jQuery UI resizable 在调整宽度时改变高度

我有一个非常简单的DIV元素,我正在尝试调整它的大小并进行水平拖动。它工作正常,但jQueryUI也更改了DIV元素的高度。我不明白为什么。有什么想法吗?JS代码:$('.task').draggable({axis:'x'}).resizable({containment:'parent',handles:'e,w'});HTML代码:CSS代码:li{height:20px;line-height:20px;list-style:none;}.task{height:16px;margin-top:2px;position:relative;}.taskspan{display:b

javascript - jQuery UI 可调整大小的捏合

是否可以为jQueryUI的resizable添加触摸捏合支持?所以在iPad上,你不需要使用指定的handle来调整大小,但你可以只用两根手指在元素上捏合来调整大小。 最佳答案 jQueryUITouchPunch正是您要找的。它为jQueryUI添加了触摸事件支持,并在包括iPad、iPhone、Android和其他支持触摸的移动设备在内的各种平台上进行了测试。 关于javascript-jQueryUI可调整大小的捏合,我们在StackOverflow上找到一个类似的问题:

javascript - 是否可以在 Angular.js 应用程序中使用传统的 anchor 链接

Angular.js路由创建如下URL:http://cooldomain.com:3000/#/searchhttp://cooldomain.com:3000/#/docs在我的文档url中,我希望有一个很长的页面部分和带有anchor链接的传统目录,以便用户可以在页面上跳转从概念上讲,目录会产生大量无效的URL,例如http://cooldomain.com:3000/#/docs#coolAPIFunction由于双哈希,这当然行不通那么-是否可以在具有路由的Angular.js应用程序中使用anchor链接? 最佳答案 您

javascript - Bootstrap 下拉事件不适用于 bootstrap-ui

根据http://getbootstrap.com/javascript/#dropdowns打开/关闭下拉列表时会抛出事件(例如,show.bs.dropdown、hide.bs.dropdown)。这一直有效,直到模块bootstrap-ui处于事件状态。我创建了一个plunkr来显示问题http://plnkr.co/edit/luYpweQZx22IkWHeMKhM.移除对ui.boostrap的依赖时会抛出事件,即varapp=angular.module('myapp',['ui.bootstrap']);替换为varapp=angular.module('myapp',[

javascript - 如何使用 Draggable 和 Selectable JQuery 将一个或多个项目拖动到一个元素

我想知道如何将一个或多个项目(在我的案例中是个人记录,通过他们的头像照片)拖动到目标(在我的案例中是城市列表),然后更新拖动项目的数据库包含他们被拖到的项目的详细信息。我目前正在为单个项目工作。我有一个侧边栏,其中包含我使用EntityFramework从数据库中检索到的位置列表:SydneyBrisbaneMelbourne在我的主窗口中,我有一个人物图像网格,我正在使用可选择的JqueryUI来启用这些图像:@foreach(variteminModel.People){}$(function(){$("#selectable").selectable({selected:func

javascript - Select2 给表单控件添加一个 title 属性

我正在使用Select2版本3.4.8,最近注意到代码使用关联labeltitle属性用于title。我假设Select2开发人员的意思是将此作为可访问性改进,但这是一个可疑的选择,因为已经有一个关联的label。我正在寻找一种无需直接修补select2.js即可禁用此功能的方法。我查看了文档,但找不到任何东西。有没有办法做到这一点,或者我是否必须修补select2.js(可能注释掉第692行)或编写几行脚本来删除title属性在将它们添加到.select2-containerdiv之后?(或者这在3.5.0版中已修复?) 最佳答案

javascript - 将 jQuery 变成 Angular,修复侧边栏不起作用(?)

我正在将jQuery插件转换为Angular指令,但仍然无法正常工作,或者:根本无法工作。ThisisthebehaviorIwanttoachieveHereisajsfiddlealso请记住,我想要通过此实现的是左侧边栏上到处都显示“粘性”的行为。我是用jQuery做的(我是Angular的新手),我需要让它与Angular一起工作。请去看看PlunkrExample,那种行为,就是我想要的。如果你们中的一些人花时间帮助我,请提前致谢。查看jQuery代码:$(function(){varoffset=$("#sidebar").offset();vartopPadding=85