草庐IT

angular-oauth

全部标签

javascript - npm 脚本 : need to minify all HTML files in folder (and subfolders)

我想使用npmrun脚本缩小文件夹(以及其中的任何文件夹)中的所有.html文件。理想情况下,应覆盖所有.html文件(如果不可能,也可以使用新文件夹)。假定输入文件夹中会有非HTML文件。npmlibraryminimize仅适用于每个文件,但不适用于文件夹。另一个npm库html-minifier确实接受文件夹作为输入,但如果输入文件夹中存在任何非HTML文件,则会失败:html-minifier--input-dir./test1--output-dir./test2--html-5--collapse-whitespace我需要它来缩小我的静态网站的HTML文件。

javascript - 在 Angular ng-if 表达式中使用 &(按位与运算符)

我无法让&运算符在Angularng-if表达式中工作(与某些位标志一起使用)。假设我们有这样的HTML:如果value等于3,则按位运算应返回2,因此是一个真值。但是,Angular每次都会抛出一个SyntaxError异常。不允许操作?还是我做错了什么?链接到plunker.编辑:我已经通过使用一个简单的函数解决了我的问题:$scope.checkFlag=function(value,flag){returnvalue&flag;}但我真的不喜欢这个解决方案。有没有办法在ng-if中使用它(显然不使用函数)? 最佳答案 您不能

javascript - 从 DOM 调用服务函数 - Angular 2

有什么方法可以从DOM调用服务中定义的函数,我可以从DOM调用组件函数,但我们如何调用服务函数,如下所示:@Injectable()exportclassUtilsService{constructor(){}getSessionId(){}}GetSession 最佳答案 View绑定(bind)中表达式的范围仅限于组件类实例。不支持直接从View访问静态、全局、类型(枚举)...。为了能够在View中引用它,它必须可以通过组件类实例访问:constructor(publicutilsService:UtilsService){}

javascript - Webpack 简单地将一堆 Pug 模板编译成 HTML

我开始使用webpack,但我终生无法解决的一件事是如何获取一个充满.pug模板的文件夹(可能包含嵌套文件夹),然后简单地将它们编译为静态html并将它们放入输出文件夹,为源模板文件夹中的每个输出html文件维护任何嵌套文件夹结构...我不想手动指定每个单独的.pug文件,我绝对不希望webpack尝试将.pugs解析为JS,然后尝试在pug文件中要求/导入任何imgs/fonts等然后提示它,我刚刚完成了基本的静态1:1编译,输入pug文件,输出html文件。为什么这么难做到? 最佳答案 使用pug-html-loader将.pu

javascript - Angular 2 - 跨多个浏览器窗口的单一服务提供商

我正在尝试在任务完成后提供警报-用户当时可能位于多个页面中的任何一个。警报应显示到所有页面。我正在使用实现BehaviorSubject的服务我的app.component.ts页面中的提供程序-单个实例在我的app.component.html中,我有两个组件,一个是警报,另一个是触发警报。服务发送到呈现警报的警报组件。这工作正常,但只在提交服务的页面上(而不是任何其他页面)——提交功能也在警报组件中。submit-service利用publicemit:BehaviorSubject=newBehaviorSubject(newmodel());一旦事件完成,它就会触发this.e

javascript - Angular react 形式 : Dynamic Select dropdown value not binding

我有两个数据数组:AssociatedPrincipals(以前保存的数据)和ReferencePrincipals(要填充到下拉控件中的静态数据)。我正在努力从AssociatedPrincipals获取以前的值,以便在页面加载时以动态数量(大多数示例使用单个下拉列表)的下拉列表显示/选择。我不确定如何设置表单(代码隐藏和HTML),尤其是设置Select的formControlName。目前,每个下拉列表中的静态值都会填充,但我无法让选择的值正确绑定(bind)。publicngOnInit(){this.factsForm=this.formbuilder.group({asso

javascript - 在 React 中使用 htmlFor 传递 eslint html-has-for

我有一个无状态的React组件,如下所示:constpropTypes=exact({fieldId:PropTypes.string.isRequired,text:PropTypes.string.isRequired,});functionLabel({fieldId,text}){return({text});}Label.propTypes=propTypes;我正在使用通过airbnb配置扩展的eslint。我的eslint看起来像这样:{"extends":"airbnb"}我的React代码抛出这个错误:errorFormlabelmusthaveassociatedc

javascript - 在 Angular 中使用 shareReplay(1) - 仍然调用 http 请求?

我创建了一个演示(ng-run),其中有一个调用Http请求的按钮。单击按钮时,我调用此方法:publicgetData(){this._jokeService.getData().subscribe();}依次调用这个(从服务):publicgetData(){returnthis.http.get(API_ENDPOINT).pipe(shareReplay(1))}问题是每次点击-我仍然看到发起了一个新的http请求:问题:为什么shareReplay不保留响应的最后一个值?如何让我的代码仅调用一次http并为将来的订阅保留该值?编辑:solutionishere

javascript - 使用 jQuery 遍历并删除空的 HTML 表格行

我正在尝试使用jQuery遍历HTML表格并删除空行。该页面由ASP.NET驱动,具有一定的权限,表中的项目将被隐藏。因此,我想创建此脚本来删除空行并消除仍显示的其他项目之间的空间。我似乎无法得到我目前必须运行的东西,我不确定为什么。这是代码:$(document).ready(function(){$('tr').each(function(){$(this).find('td').each(function(){if($(this).text().trim()==""){$(this).closest("tr").remove();};});});});任何指导将不胜感激。谢谢!

javascript - 如何排列一系列 HTML5 <audio> 声音片段以按顺序播放?

我正在尝试移植一个名为VoiceWalker的简单音频实用程序到Javascript。VoiceWalker是一种帮助人们转录音频的工具,它的工作原理如下:http://i.imgur.com/rafgl.png所以我们的想法是,它播放一点,重复播放,向前移动,再播放一点,重复播放,向前移动,等等。我拼凑了一个播放声音片段的函数,它看起来像这样:functionclip(audio,start,stop){audio.currentTime=start;audio.play();int=setInterval(function(){if(audio.currentTime>stop){