草庐IT

Angular-ui-bootstrap

全部标签

javascript - Angular UI Router - 嵌套路由不适用于具有嵌套状态的模板

这是我的代码:.state('profile',{url:'/profile',templateUrl:'views/user.html',controller:'UserCtrl'}).state('profile.forgot',{url:'/delivers',templateUrl:'views/user_forgot.html',Forgotyourpasword?当我点击链接时,在ui-view中出现了父状态的模板和Controller。AngularJS版本为1.2.0-rc.2 最佳答案 嵌套状态将在其父模板的ui-

javascript - 将 Angular 创建的元素与 D3 集成的最简单方法

在学习这两种框架的背景下,我正在尝试不同的方式来集成D3和Angular,并希望得到一些意见:我的客户端应用程序从我的服务器接收一个JSON节点数组和一个边数组。客户端的核心组件是作为D3力导向布局实现的图形可视化:对于节点数组中的每个节点,将一个(SVG)圆元素添加到此可视化中,并为这些圆之间的每条边添加线边缘数组。当然,D3的selection.data()使得添加这些元素并将每个元素绑定(bind)到它所代表的数据变得微不足道,但是图形可视化只是更大应用程序的一部分:我需要在应用程序的不同部分(与D3无关)创建代表这些相同节点和边缘的不同类型的元素,我希望将所有这些元素绑定(bi

javascript - 如何在 Angular 中获取更详细的错误信息?

我在Chrome中只收到此错误文本。没有任何附加信息:这是什么意思?发生了什么?有没有办法让Angular或Chrome显示更详细的错误信息?这是我的app.js文件。没有其他内容:'usestrict';//Declareapplevelmodulewhichdependsonfilters,andservicesvarvsApp=angular.module('vsApp',['ngRoute','vsApp.filters','vsApp.services','vsApp.directives','vsApp.controllers']);vsApp.config(["$rout

javascript - 以 Angular 在数组之间添加和删除项目

这个问题在这里已经有了答案:HowcanIremoveaspecificitemfromanarray?(141个回答)关闭8年前。如何使用Angular数组在两个数组之间添加和删除元素?我有$scope.results和$scope.list结果数组是调用WebAPI的结果,我允许用户选择他们想要的元素添加到第二个数组。我如何从第一个添加到第二个并同时从第一个删除?angular.forEach($scope.results,function(item){if(item.selected){$scope.list.push(item);//CODETOREMOVEitemfrom$s

javascript - 当没有编写 api 时,如何模拟 Angular2 中的 http observable

我是Angular2和Rxjs的新手,我对一个特定案例有点困惑。我有一个简单的服务:import{Injectable}from'@angular/core';import{Observable,Subject}from'rxjs/Rx';import{Http,Response}from'@angular/http';exportinterfaceArticle{id:number;title:string;content:string;author:string;}@Injectable()exportclassArticleService{private_articles$:Su

javascript - Bootstrap x 可编辑。以编程方式更改数据类型(删除 select2 数据类型)

我正在使用bootstrapx-editablehttps://vitalets.github.io/x-editable/index.html这是我的html代码:id}}"data-pk="{{$cat->id}}"data-type="select2"data-title="Favorllenarloscampos">javascript代码:$('.addon').editable({placement:'bottom',mode:'inline',showbuttons:false,source:categories,select2:{width:200},display:f

javascript - 工作人员在 Chrome 中阻塞 UI 线程

我正在构建一个Web应用程序,它使用EvaporateJS通过分段上传将大文件上传到AmazonS3。我注意到一个问题,每次启动新block时,浏览器都会卡住约2秒。我希望用户能够在上传过程中继续使用我的应用程序,这种卡住会带来糟糕的体验。我使用Chrome的时间轴查看导致此问题的原因,发现是SparkMD5的散列。因此,我将整个上传过程移到了一个Worker中,我认为这可以解决问题。这个问题现在已在Edge和Firefox中修复,但Chrome仍然存在完全相同的问题。这是我的时间轴的截图:如您所见,在卡住期间我的主线程基本上什么都不做,在此期间运行的JavaScript不到8毫秒。所

javascript - Vue Element.ui 树,发出重新加载事件

我在Vue上创建了一个SPA(类似于云盘),使用Element.uitree组件,以显示文件夹树。问题在于树本身并没有一次加载所有内容,而是在惰性修饰符的帮助下顺序加载。服务器部分是mongoose+mongoose-path-tree。mongoose-path-tree的使用意味着,接下来是数据库中的树存储方案:每个节点不知道其子节点,但子节点存储它们到根元素的完整路径:#root_id#subroot_id#...#parent_id#this_id问题是,如果用户对树进行了更改(加载文件、创建新文件夹等)并且服务器接受了它们,那么如何通知树它需要加载新数据。Elementui在

javascript - Angular 外部 js 库调用 Document.Ready

在我的.net核心aspAngular应用程序中使用第3方js库。该库在$(document).ready方法中应用它的逻辑。所以我遇到了一个问题,即库没有正确应用于Angular路由更改,因为$(document).ready方法没有触发。我在我的angular-cli脚本部分引用了外部js库。我打开了第3方js文件并向其中添加了一个方法,该方法调用了与他们在准备就绪的文档中调用的逻辑相同的逻辑。我只是在努力寻找一种方法来从我的Angulartypescript组件中调用该方法。我创建了一个简单的精简js文件来测试它并简化问题。我有以下Tester.js,它在我的脚本标记下的-ang

javascript - Twitter Bootstrap Datepicker 不会更新输入值

我有这段代码,但现在我卡住了:$('#datepicker').datepicker().on('changeDate',function(ev){//Somecode..});我希望每次选择新日期时更新输入字段的值。我希望该值是选定的日期。 最佳答案 $(document).ready(function(){vardp=$("#datepicker");dp.datepicker({format:'mm-dd-yyyy',});dp.on('changeDate',function(ev){dp.val(ev.target.val