草庐IT

动态组件

全部标签

javascript - 如何在 JavaScript 中动态创建变量

我正在寻找一种在javascript中动态创建变量的方法例如我有一个循环for(i=0;i现在我需要为循环中的每个值动态创建变量,例如var"a"+i。这可能吗?如何实现? 最佳答案 由于您要处理数字、顺序变量—使用数组。varfoo=[];for(vari=0;i 关于javascript-如何在JavaScript中动态创建变量,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/

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 - react 多个高阶组件

我刚刚发现在我的React项目中使用HOC的惊人好处。我的问题是在一个组件上调用多个HOC函数会影响性能吗?示例exportdefaultwithState(withLabel(withTheme(MyComponent)))这当然只会渲染一个组件,但是看看我的react开发工具,我可以看到输出的HOC组件有三个层次。这是需要警惕的事情还是有更好的方法在组件上调用多个HOC? 最佳答案 你的语法相当于做:性能影响将取决于这些HOC的实现方式。您可能必须逐一查看。例子:ThemeProviderHOC通常在React上下文中存储一堆颜

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

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

javascript - 如何忽略 node.js 中另一个文件或组件所需的文件

以下可以忽略或对导入的文件进行一些修改,例如在我的index.js中require.extensions['.js']=function(file){console.log(file.id)return;};但是我真的不想忽略index.js中的这些文件我想忽略在后续文件/组件中导入的文件require.extensions['.js']=function(file){console.log(file.id)return;};require('babel-register')require('./components/Test.spec.js');例如,这会记录以下内容并返回/User

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 - 个人资料图片未跨组件更新 Angular 5

我有一个弹出的更改个人资料图片模式,所以你上传图片按保存,应该发生的是个人资料图片在整个网站上更新,但没有发生,只有在你刷新个人资料图片后才会更新个人资料图片更改模式的我的保存功能save():void{constself=this;this.saving=true;self._profileService.updateProfilePicture(input).finally(()=>{this.saving=false;}).subscribe(()=>{constself=this;self._$jcropApi.destroy();self._$jcropApi=null;ab

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 - 使用在组件类中找到的变量修改伪元素属性值的 Angular/Mobile 友好方式是什么?

有没有比我目前正在做的更好的方法来使用组件变量修改伪元素属性?我没有按照Angular的方式来做,但这是我的目标。我的方式在移植到移动设备时肯定会失败。我想在组件样式表中放置一个变量:组件:@Input()publicvariable=variable;组件样式表:input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{background:linear-gradient(#568200,#568200)0/variable100%no-repeat#ccc}不幸的是,它不存在于我的模板中,所以我无法在其上