草庐IT

动态编译

全部标签

javascript - angularjs:动态更改过滤器选项

我想要的是类似this的东西文档中的示例,但具有可以通过“任何”、“名称”或“电话”属性进行过滤的三个Angular色的唯一输入,Angular色的更改是通过anchor单击完成的。这是准备好的代码http://jsfiddle.net/ubugnu/QuyCU/如何动态更新ng-model属性?HTMLAnyNameonlyPhoneonlyFilterby{{filter}}AnyByNameByphoneNamePhone{{friend.name}}{{friend.phone}}JSfunctionMainCtrl($scope,$http){$scope.friends=[

javascript - 如何使用动态内容更新 Twitter 分享按钮 URL?

我在我的应用程序开始时初始化推特按钮,在用户交互后使用HTML5pushState更新当前窗口的位置,但推特按钮仍然共享初始化时的前一个URL。如何更新Twitter使用的URL? 最佳答案 我成功使用了重新加载共享URL的新Twitter功能。functionupdateTwitterValues(share_url,title){//clearoutthetagthat'scurrentlythere...probablydon'treallyneedthissinceyou'rereplacingwhateverisinthe

javascript - 正在编译 less modifyVars 时加载图标

我在前端使用window.less.modifyVars(modified_variables);来反射(reflect)变化。我想在less编译时显示loadingicon。有什么方法可以检查less是否已经开始编译并完成。 最佳答案 在less.jsGitHub存储库中,我提到了他们如何在testspec中使用modifyVars().您可以显示加载图标,调用modifyVars方法,然后使用.then()隐藏加载图标。//Showloadingiconless.modifyVars({var1:"green",var2:"pu

javascript - 使用 CSS 转换或 javascript 缩放元素以动态适应其父元素

我有一个页面,其中有一个的轮子元素,当您单击一个按钮时,整个轮子都会旋转。我通过使用本质上绝对的CSS转换来实现这种效果。然而,轮子很大,在我的高清显示器上看起来不错,但较小的屏幕会切掉边缘。我不能像在普通布局中那样使用%宽度,我需要的是像大多数浏览器缩放功能一样缩小整个页面。就我自己而言,我知道ctr+mouseWheel会缩小页面以便我可以看到整个页面,但是我不能指望其他人这样做。我知道我可以使用-browser-transform:scale(amt);在包装div上获得我想要的效果,但是我想不出一种动态的方法。如果我将比例设置为0.5,无论屏幕如何,它都会是0.5。我希望轮子的

javascript - 如何使用 firestore 执行动态 where 查询并添加索引

在我的网站上,我正在进行类似测试的调查,每个测试都有attendies子集合,看起来像这样当有人完成测试时,我也会将他们的uid添加到completed字段,就像我在框中绘制的那样。现在我想根据status==completed查询tests。这是我尝试过的this.completedModulesRef$=this.afs.collection('tests',ref=>ref.orderBy('moduleNum','desc').where('completed.'+auth.uid+'.status','==','completed'));this.completedModul

javascript - 使用 Gulp 基于 Handlebars 模板编译 partials 和 markdown

我这里有一个名为tpage.hbs的Handlebars模板:Title{{>head}}{{>home-header}}{{{mdcontents}}}head和home-header是局部的。我有一个Markdown文件文件夹,我想根据这个模板制作HTML页面,在模板中mdcontents的位置添加.md文件。我有以下Gulpfile:vargulp=require('gulp');varhandlebars=require('gulp-compile-handlebars');varHB=require('Handlebars');//IknowIdon'tneedtwoHand

javascript - Angular 7 动态内容投影

我需要能够告诉Angular组件根据动态数据渲染另一个Angular组件。我认为这需要内容投影,但我只能在简单的情况下使内容投影起作用。示例场景我在vanillaTypeScript中有以下表格数据:constheadings=[{id:'cat',label:'Cat'},{id:'nameIt',label:'Typethename'}]constdata=[{cat:'Tabby',nameIt:(name)=>updateTabbysName(name)},{cat:'Ginger',nameIt:(name)=>updateGingersName(name)},]我还有四个A

javascript - 通过 Javascript 播放动态嵌入的声音对象

我需要使用AJAX为HTML页面加载一些WAV文件。我使用AJAX获取WAV文件的详细信息,然后使用嵌入标签,我可以确认文件已成功加载,因为当我将autostart设置为true时,文件会播放。但是,我只需要在用户单击按钮(或触发事件)时播放文件。以下是我预加载这些文件的代码:functionpreloadMedia(){for(vari=0;i我使用下面的代码来播放文件(基于用户想要播放的声音文件)functionsoundPlay(which){varsounder=document.getElementById(which);sounder.Play();}这里有些问题,因为我测

javascript - 使用 mustache 动态渲染部分模板

有没有办法动态注入(inject)部分模板(并使其在Ruby和Javascript中以相同的方式工作)?基本上,我试图在列表中呈现不同类型的对象。我能想到的最好的是:{{#items}}{{#is_message}}{{>message}}{{/is_message}}{{#is_picture}}{{>picture}}{{/is_picture}}{{/items}}我对这种方法并不太感兴趣。有没有更好的办法?另请注意,View的不同类型模型可能具有不相似的字段。我想我总是可以使用最小公分母并让数据哈希包含html,但我宁愿使用mustache模板。 最

javascript - 我如何从这个 jsFiddle 动态添加一个延迟到 promise 中?

关于thisjsFiddle,我正在尝试动态添加一个在事件触发时创建的“延迟”,因此仅当所有延迟都已解决时才调用完成回调,包括后来添加的那些:相关代码:varpromises=[deferred1,...];varp=when.all(promises).then(function(){console.log('Alldone!!');//!trigger});promises.push(deferredFromEvent);//更新:欢迎使用Q或jQuery的建议,我正在寻找一个可行的 最佳答案 将您的固定promise视为一个独