草庐IT

Angular-ui

全部标签

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更改其尺寸,即使使用简单的隐藏等

javascript - Angular 重定向到其他而不检测 View 但是当我点击后退按钮时它有效

更新下面的答案或评论都没有帮助,我希望有人能给我正确的答案。当我将这个url放在我的浏览器下方时-它会带我查看水果并且完美运行,http://localhost:53052/AppTest.aspx#/fruits但是当我转到我的主视图并单击按钮并尝试导航到'fruits'View时,它会将我重定向到http://localhost:53052/AppTest.aspx#/routeNotFound但是当我点击浏览器的后退按钮时,它会返回到水果View,然后如果我再次点击它就会返回到主页View。所以这是在TreeView中发生的事情,-->点击Homeview按钮(应该导航到frui

javascript - 我可以使用 Angular2 Universal 仅在客户端中运行组件方法吗?

我正在写一个angular2universal应用程序。它有一个d3图表,但我希望只在客户端(浏览器)呈现d3图表,而不是尝试在服务器上呈现它。angular2universal中是否有一个接口(interface)只能在客户端运行一个组件方法?即classComponentWithChartimplementsOnInit,ngUniversalBrowser{elem;constructor(privateviewContainerRef:ViewContainerRef){}ngUniversalBrowserOnInit(){this.elem=this.viewContain

javascript - 为什么 angular 2 provider {useValue : . ..} 克隆对象?

Angular2高级测试文档:userServiceStub={isLoggedIn:true,user:{name:'TestUser'}};TestBed.configureTestingModule({declarations:[WelcomeComponent],//providers:[UserService]//NO!Don'tprovidetherealservice!//Provideatest-doubleinsteadproviders:[{provide:UserService,useValue:userServiceStub}]});fixture=TestBe

javascript - 从 BLOB 格式 -Angular 实现 PDF 预览或在网页中隐藏部分 PDF

如果我的AngularController中有一个PDF文件的BLOB表示,我将按以下方式在我的HTML页面中公开该文件://controllerfunction(data){varfileBack=newBlob([(data)],{type:'application/pdf'});varfileURL=URL.createObjectURL(fileBack);$scope.content=$sce.trustAsResourceUrl(fileURL);}//html如果我想在浏览器中显示文档的某些部分时对其进行屏蔽,我有哪些选择?这种情况包括我能想到的(顺便说一句,只是想证明这