草庐IT

angular-ui-bootstrap-tab

全部标签

javascript - 如何使 angular js 可拖动元素在平板电脑上工作(触摸)

我正在研究AngularJS可拖动指令。我的代码类似于此Plunker当使用鼠标操作时,我的代码和这个plunker在Windows上都能完美运行。但是在涉及触摸的任何选项卡上,它根本不起作用。这背后的原因可能是什么?知道如何让它发挥作用吗? 最佳答案 实现了一个指令来控制触摸事件,它是ngTouch。您可以在此处找到更多信息:http://docs.angularjs.org/api/ngTouch另外,我认为这篇文章会有所帮助:JavascriptDraganddropfortouchdevices

javascript - Angular JS 控制台错误 : line numbers don't refer to my source files

我正在制作我的第一个Angular应用程序,我正在尝试弄清楚如何使用控制台中显示的错误来找出我的代码中哪里出了问题。这是一个示例控制台错误:Error:[$injector:unpr]Unknownprovider:HomeProvider查看所有行号如何引用angular.js文件中的行而不是我的源文件?这让我猜测我的错误在哪里。注意:我不是在寻找解决此特定错误的方法。我正在尝试大致了解如何使用Angular查找这些错误的根源。我已经安装了Batarang,但根本没有向我显示此错误。另外,otherSOanswers向您展示如何通过在特定位置插入代码来手动将错误信息记录到控制台,但前

javascript - 带有 scope.$watch 的 Angular 指令强制验证其他字段

我编写了一个match-modelAngular指令,当用户在我的应用程序中注册时,我将其用于密码/密码重复过程。密码重复字段具有此特定属性,可根据原始密码字段验证此字段。我的指令有scope.$watch用于优化目的,因为我不必每次验证我的重复密码范围属性时都读取相关的范围属性值,但我宁愿只使用缓存的值改变当相关范围属性值更改时(原始密码)。这是我的指令:.directive("matchModel",["$timeout",function($timeout){return{require:"ngModel",link:function(scope,element,attribut

javascript - 父 View 上的 Angular UI 路由器动画

我有一个嵌套状态,如:.state('contacts',{url:'/contacts',views:{'':{templateURL:'views/contacts.html',contacts:'ContactsCtrl'}}}).state('contacts.view',{url:'/contacts/:name',views:{'':{templateURL:'views/contacts-details.html'}}});联系人.htmlThisisalistofcontacts(...)联系人-view.html{{contact.name}}我能够为contacts

javascript - angular-leaflet-directive 自定义消息 html,在标记弹出窗口中带有 Angular Directive(指令)。如何?

我想将带有$scope事件处理程序的自定义html标记插入传单标记的消息属性。例如:App.controller('testController',['$scope',"leafletEvents",'$compile','leafletMarkersHelpers',function($scope,leafletEvents,$compile,leafletMarkersHelpers){angular.extend($scope,{currentLocation:{lat:20,lng:20,zoom:20},markers:{},defaults:{scrollWheelZoom

javascript - Chrome 扩展 : Storing variables for a tab even if page changes

我正在构建一个Chrome扩展程序。我想知道即使页面发生变化,是否有一种方法可以记住选项卡的js变量。例如。如果我在example1.com上并在同一个选项卡上转到example2.com,我应该保留在example1.com上设置的变量。我不想使用Chrome存储空间。我不能使用localStorage或sessionStorage,因为chrome对不同的域有不同的存储。这可以通过哪些方式实现? 最佳答案 除了使用localStorage(通过后台页面)之外,您还可以通过从内容脚本向后台页面发送消息,将这些变量直接保存在后台页面

Javascript bootstrap 在鼠标位置打开下拉菜单

我希望我的bootstrap下拉菜单位于鼠标位置。由于某种原因,pageX和pageY是错误的。为了更正位置,我必须从x和y中添加或减去。但是,如果我然后放大或缩小,X和Y又不正确了。我已经尝试了一切。这是其中之一..HTML:MenuLink1Link2脚本functionsetposition(e){varbodyOffsets=document.body.getBoundingClientRect();tempX=e.pageX-bodyOffsets.left;tempY=e.pageY;$("#xxx").css({'top':tempY,'left':tempX});}我需

javascript - $ionicLoading 与 Angular UI Router 解析

我正在尝试使用$ionicLoading与AngularUIRouterresolves.这个想法是,当请求新的路线/状态时,加载模式会在解析数据时出现,然后在解析完成并实例化新状态时消失。路由器.state('tab.locations',{url:'/locations',cache:false,views:{'locations-tab':{templateUrl:'js/locations/tab-locations.html',controller:'LocationsCtrlasvm'}},resolve:{locationsResource:'Locations',loc

javascript - X-Editable bootstrap 插件 "hidden"动态添加元素的事件问题

我无法让x-editable的“隐藏”事件通过JS处理动态添加的类(或字段)。只有当我直接在HTML上添加可编辑的类时,我才能让它工作,但这种方法不适合我。我做错了什么?$.fn.editable.defaults.mode="inline";$.fn.editable.defaults.onblur="submit";$(document).ready(function(){$('.field').each(function(){$(this).addClass('editable');});$('.editable').editable();});$(document).on('h

javascript - 在 bootstrap 选项卡问题中绘制图表

我正在尝试在bootstrap选项卡中使用flotchart,尽管javascript没有正确绘制图表,但它的绘制扭曲了,文本太靠近图表了。.在选项卡之外,图表工作正常。我试过使用css,但我发现的唯一解决方案是在选择选项卡之前不将选项卡样式(display:none)设置为默认值,例如:我尝试在用于图表的选项卡上设置display:block,图表绘制得很好,但在其他选项卡选择上Canvas不会消失。解决方案。我提醒一下,这是Bootstrap默认选项卡中的图表错误。它被绘制扭曲的原因是因为图表无法在隐藏的div(display:none)中正确绘制。有3个选项可以解决此问题。添加一