草庐IT

Web-Angular

全部标签

javascript - 如何在 Angular 中正确实现 DOM 操作?

我最近被指派接管并清理一个已经完成并投入生产的Angular项目。这是我第一次使用Angular。到目前为止我读过的关于Angular的所有内容...https://www.airpair.com/angularjs/posts/top-10-mistakes-angularjs-developers-makehttp://nathanleclaire.com/blog/2014/04/19/5-angularjs-antipatterns-and-pitfalls/http://kirkbushell.me/when-to-use-directives-controllers-or-

javascript - 在客户端 Web 上压缩视频

关闭。这个问题不满足StackOverflowguidelines.它目前不接受答案。想改善这个问题吗?更新问题,使其成为on-topic对于堆栈溢出。3年前关闭。Improvethisquestion我必须将视频从前端Web上传到我的Django后端。我需要先压缩视频才能将其上传到浏览器本身。这可能吗?如果是这样,怎么做? 最佳答案 我找到了这个项目。它是JavaScript语言中FFMPEG解码器的转换。因此,您可以使用它来处理图像、视频和音频文件,而无需将文件上传到服务器。首页:https://bgrins.github.io

javascript - 从点到圆 Angular 矩形或椭圆的最长距离

如何找到从形状内部的点到其边界的最长距离。我特别想找出这些情况下的距离:示例3(没有圆Angular的右侧)将是右下角,但如何计算其他2个?我正在寻找JavaScript解决方案,但我对基本的逻辑解释也很满意。这是我用来获得最远Angular的脚本:Codepenexample//theboundingboxvarbound=document.getElementById('bound')varradius=parseInt(getComputedStyle(bound).borderRadius,10);//listentoeventsbound.addEventListener('

javascript - 在 Web Worker 仍在运行时向其发送消息

假设我们有一个webworker引用一个名为“worker.js”的文件。我们使用worker来执行“worker.js”中的一个函数,该函数会执行一些冗长的操作。我们调用将相应的消息发布给工作人员并在主线程中继续。然而,在worker完成初始工作之前,主线程向其发送了另一条消息。我的问题:worker会继续执行我们的计时功能并仅在完成后处理新发布的消息,还是会中断当前操作直到新消息完成? 最佳答案 我已经在GoogleChrome的调试器中尝试了以下代码:worker.js:varcosine;self.onmessage=fun

javascript - 使用 :roles 在 meteor-app 中构建 Angular 色管理

我需要一些建议来在我的meteor-app中构建正确的Angular色模式和管理。结构我正在使用alanning:roles@1.2.13为应用程序添加Angular色管理功能。有四种不同的用户类型:管理员、编辑、专家和用户。此外,还有几个内容不同的模块,即汽车、数学和图像。每个模块都组织在自己的meteor包中。每个模块中都有几个类别,可以由编辑动态添加。模块中的类别模块结构如下:elementSchema=newSimpleSchema({element:{type:String,optional:true}});Cars.attachSchema(newSimpleSchema(

javascript - 我可以动态更改 Angular 2 中的 templateUrl 吗?

我想动态改变我的templateUrl,我读过DynamictemplateURLsinAngular2.是的,我可以在组件初始化之前更改我的模板。但我想要的是当我点击一个按钮并且url发生变化时,我的html就会更新,就像双向数据绑定(bind)一样。我试着像这样制作我的组件:templateUrl:(function(){returndynamicURl;}())但是当更改“dynamicUrl”时,没有发生任何事情。我还使用dynamicComponentLoader再次加载我的组件,组件没有改变。 最佳答案 到目前为止,您无

javascript - 如何在 Angular 2 中触发 ajax 请求?

我在Angular2中定义了这样的服务:import{Inject}from'angular2/angular2';import{Http,Headers,HTTP_PROVIDERS}from'angular2/http';exportinterfaceCourseInterface{courseId:number,coursePrice:number,authorName:string}exportclassCourseDetailsService{http:Http;constructor(@Inject(Http)Http){console.log(Http)this.http

javascript - 如何在 angular-ui 中选择一个选项卡? ( Angular )

我想选择最后一个选项卡,知道怎么做吗?只有ng-repeat里面的选项卡可以选择,我不会用ng-repeat,没有ng-repeat怎么办?这是工作代码:http://plnkr.co/edit/ZJNaAVDBrbr1JjooVMFj?p=previewSelectatabbysettingactivebindingtotrue:SelectsecondtabSelectthirdtabSELECTLASTTAB!!!Enable/DisablethirdtabStaticcontent{{tab.content}}nicoangular.module('ui.bootstrap.d

javascript - angular2 - 从父路由到子路由的传递值

我有一个名为home的路由,它有三个子路由、文档、邮件和垃圾。在主路由组件中,它有一个名为“user”的变量。我知道有几种方法可以在父组件和子组件之间传递信息突出显示here,但我应该如何在父/子路由之间传递信息。{path:'home',component:HomeComponent,children:[{path:'documents',component:DocumentsComponent},{path:'mail',component:MailComponent},{path:'trash',component:TrashComponent},]},服务import{Inje

javascript - 在angular2中使用窗口对象但vscode "Cannot find name '窗口'“

我用VisualStudio代码编写了一个angular2应用程序。最近,我将VisualStudioCode更新到了1.10.2。但它已将window突出显示为有错误。当我检查它时,我发现它说:[ts]Cannotfindname'window'.我的代码如下:saveCustomIndex(customIndex:any,indexName:string){window.localStorage.setItem(indexName,JSON.stringify(customIndex));}截图我该如何处理?谢谢! 最佳答案 在