草庐IT

ng-file-upload

全部标签

javascript - 如何将 ng-repeat 分成批处理

我在http://getbootstrap.com/javascript/#buttons-examples做这个ref:checkbox例子{{type.name}}现在的问题是这个类型的数组有时少于5个元素,有时更多。当按钮组超过5个元素时,按钮组会以丑陋的方式拆分到下一行。我怎样才能做这样的事情ng-repeaton0-4ofarray-createabuttongroupforthese5itemsng-repeaton5-9ofarray(ifarraylengthis>5)...ng-repeaton10-14ofarray(ifarraylengthis>10).....

javascript - 不使用 ng-repeat 重新调用 Angular 指令

我在一个元素上有一个指令ct-steps-tooltip以及ng-repeat,如下所示:{{step.stepName}}我的目标是让指令重新绑定(bind)/在currentItem.userData.steps更改时再次调用(我实际上是完全清除currentItem然后重新分配它).这实际上在thissimplifiedfiddle中非常有效我做了。在fiddle中,您可以清楚地看到“Igotcalled!”每次数据更改时在控制台中。由于某些原因,真实代码中的ct-steps-tooltip指令只会在第一次被调用,数据变化时不会再次调用(我有一个类似的“Igotcalled”re

javascript - 修改 Dropzone : Show uploaded image in another div

我正在使用dropzone.js创建个人资料图片uploader,我已经复制了布局offeredbyFacebook,但我想让它做的是,当您放下图像时,它会替换放置区内的内容。到目前为止我的演示:ImageLink到目前为止我的代码:Dropzone.options.employeeImageDropzone={maxFiles:1,acceptedFiles:'image/*',addRemoveLinks:true,dictDefaultMessage:'UploadaPhotoFromyourcomputer',paramName:'empImage',init:function

javascript - 如何合并 ng-message 消息

我是AngularJS的新手,但我进行了广泛的搜索,但找不到这个问题的有效答案,也许这根本不可能像我想象的那样。我想要的是能够组合错误条件,以便我可以在ng-messages中使用更通用的错误消息模块。由于我们的应用程序是多语言的,因此这为我们节省了大量维护文本的时间。在我的示例中,将minlength、maxlength和pattern结合起来并让它引用1个通用消息会很棒。我让它工作的唯一方法是为每种类型单独的ng-message,然后重复使用对我来说似乎多余的错误文本。希望这是我遗漏的一些简短的东西,比如不理解何时/如何使用,或||。Errormessage:Requiredtex

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa

javascript - 如何在 Angular 2 CLI 中使用 "ng build --prod"和 "ng serve --prod",出现 404 错误

当我尝试使用--prod选项运行ngbuild时,它会编译成一个main.js文件,并且我在控制台中没有收到任何错误。但是当我在浏览器中运行应用程序时,它仍然会查找单独的js文件。我的main.ts://defaultimport{provide,enableProdMode,ExceptionHandler}from'@angular/core';import{LocationStrategy,HashLocationStrategy}from'@angular/common';import{bootstrap}from'@angular/platform-browser-dynam

javascript - 带条件语句的 ng-init

我有一个AngularJS应用程序,当页面加载时会执行getTableData,但我想检查一个变量$rootScope.Dealer并切换初始化的函数名。例如:如果存在$rootScope.Dealer值,我想执行名为getDealerData的函数如果没有设置值需要执行getTableData函数。如何在anglarjs模板中制作它。我刚刚尝试了ng-if,但它不起作用... 最佳答案 您可以像这样在ng-init指令中使用简单的Javascript语法:这是给你的plnkr(我已经将后端路由生成更改为文本):https://pl

javascript - IE8 : drag'n'drop files to a webpage

是否可以在IE8中不使用Java等第三方插件? 最佳答案 简答:否长答案:howtodeterminethepresenceofHTML5drag’n’dropfileuploadAPI 关于javascript-IE8:drag'n'dropfilestoawebpage,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2652780/

javascript - UI自动化 iPhone : Is it possible to segment the script into several files

我想为相当复杂的iPhone应用程序编写UIAutomation(基于JavaScript)测试。我不想使用一个大文件,而是通过使用多个文件来分离测试函数和助手。这可能吗?您如何构建UIAutomation测试? 最佳答案 嘿。是的。虽然import关键字在浏览器中没有为JS实现,但在Instruments中实现了。您只需在使用Instruments运行的“主”JS文件中编写#import"somefile.js"。我没有尝试包含您提供给乐器的原始文件以外的其他位置的文件,但该位置的子文件夹有效。看下面一个基于thispost的例子

javascript - 如何制作像Wordpress这样的图片 uploader ?

我想实现一个类似于最新的Wordpress提供的图像上传器(在撰写本文时为3.2.2)。但是,我在为不支持多个文件上载,拖放功能等的浏览器添加后备功能而工作。理想情况下,我希望此功能可以运行而不必每次都刷新页面。我已经做了很多Google搜寻工作,但似乎只能在某些特定的浏览器中使用。谁能推荐任何允许这种上传功能的开源项目? 最佳答案 HTML5和JQuery中有很多类似wordpress的上载程序,例如:ResponsiveFileManager是一个免费的开源文件管理器和图像管理器,由jQuery库,CSS3,PHP和HTML5组