草庐IT

angular-ui-tab

全部标签

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 - 工作人员在 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 - 如何使用 TypeScript Controller 和 Angular Js 绑定(bind)数据

我正在玩TypeScript。我已经将我的angularjsController转换为TypeScript但我在ng-repeater中遇到问题。(我在下面附上了我的Controller代码:-classCustomCtrl{publiccustomer;publicticket;publicservices;publiccust_File;publicticket_file;publicservice_file;static$inject=['$scope','$http','$templateCache'];constructor(private$http,private$temp

javascript - 如何在没有 node.js/npm 的情况下在本地使用 Angular2、systemjs?

这是带有angular-alpha35的index.html:APPAng2Loading...System.import('app').catch(console.log.bind(console));如果有互联网连接并且可以加载system.js,它工作正常。如果我尝试像这样获取system.js的本地副本:在我将rx.js放入根文件夹并将这一行放在文件末尾之前,一切都不起作用:然后System.js工作正常,但在这种情况下,angular2绑定(bind)存在一个奇怪的问题。在我与页面进行一些交互之前,它们不会工作(提交表单、打开选择、使某些div更改其尺寸,即使使用简单的隐藏等