草庐IT

ng2-dragula

全部标签

javascript - angularJS - 添加带有 ng-options 的静态选项

我正在使用ng-options在我的Angular应用程序中打印表单的所有选项。我直接从我的数据库中获取值,它提供了一个国家列表:此处,当页面加载时,选择不显示任何内容,即没有占位符,而我想打印一个静态值,如“任何地方”,而不必将其添加到我的“国家/地区”列表中。我试过这个:Anywhere但是没有效果有没有人知道如何解决这个问题?谢谢 最佳答案 这可能是一篇迟到的帖子,但你几乎不应该使用ng-repeat,因为ng-options更适合这种情况,因为新的范围是在ng-repeat中创建的,因此你会有更多的开销。你的问题的解决方案在

javascript - angular.js ng-repeat - 检查条件是否为真然后使用另一个集合

我想知道是否可以检查ng-repeat中使用的集合?例如,在我的Controller中,我从服务器获取了2个数据数组,现在我使用ng-switch在它们之间切换,检查这个jsbin-http://jsbin.com/diyefevi/1/edit?html,js,output问题是我的实际应用程序中的这些liView很大但非常相似..所以我真的很想使用1ng-repeat共2个。所以我想知道像ng-repeat="bookiniflist==='adultBooks'adultBookselsechildBooks"这样的东西在Angular中是否可行?谢谢!

javascript - Angularjs 使用 ng-init 为 ng-model 赋值

您好,我有以下问题,这看起来很简单,应该可以解决,但事实并非如此。在我的代码中我输入了当我使用Firebug工具查看DOM时,我看到了值但它不会在输入框中显示6,我也无法使用#scope访问它。请让我知道这里出了什么问题以及如何修复它以便ng-model可以从ng-init获得。谢谢 最佳答案 去掉表达式中的大括号,这样它就可以直接从作用域中计算pIdPlunk 关于javascript-Angularjs使用ng-init为ng-model赋值,我们在StackOverflow上找到一

javascript - 如何在ng-flow中设置单个文件

我需要在ng-flow中使用单文件属性,我必须使用它,因为这个属性除了限制要发送的文件数量外,还可以替换在上传事件之前添加的文件,请看:singleFileEnablesinglefileupload.Onceonefileisuploaded,secondfilewillovertakeexistingone,firstonewillbecanceled.(Default:false)这是从flow.jsgit存储库中获取的文档。我真正需要做的是将这个属性放入工厂,因为我需要为我所有的输入文件字段设置它。我已经尝试在ng-flow文档中搜索它,但它缺乏很多解释,有人知道该怎么做吗?否

javascript - ng-selected 在选择元素中不起作用

我有一个绑定(bind)选择但是当c.CollegeName==collegeSelection.CollegeName都匹配时,项目仍然没有被选中。文档似乎没有帮助。有任何想法吗? 最佳答案 ng-selected应在中使用标记,不在中标签。仔细看看它的doc和例子。因为select指令对所选选项的确定基于ngModel.因此,一旦删除ng-selected="c.CollegeName==collegeSelection.CollegeName",您的代码应该可以工作。我创建了一个非常简单的plunk演示select中的“选定”

javascript - 每 3 个项目拆分 ng-repeat

我使用AngularJS遍历一个包含事件对象数组和竞争对象数组的JSON对象。我希望显示每个event在一个表中,然后每个competition在td,但每行只有三个单元格我正在使用ng-repeat返回每个事件的表格列表,但我无法将比赛拆分为新的每三个除了从JSON重建我自己的大型对象外,执行我在Angular中描述的内容的最佳方法是什么?当前View:{{listing.name}}{{competition.id}}-{{competition.name}}期望的输出:EventNamecompetitionid-competitionnamecompetitionid-comp

javascript - Angular 在 ng-src 中对 url 进行编码,并将 '/' 替换为 %2F,将 '?' 替换为 %3F

我有一个带有URL的Kibana仪表板:/logquery/app/kibana#/dashboard/Some-Dashboard?someParameters我有一个Web应用程序,我试图将上面的仪表板嵌入到中.web应用中的url如下/dashboards/logquery/app/kibana#/dashboard/Some-Dashboard?someParameters在AngularJs中,我正在做:ctrl.dashboardUrl=$location.url().replace('/dashboards','');在我看来:trustAsUrl过滤器如下:filter

javascript - 为什么 CSS 转换发生在 unshift() 而不是 ng-repeat 列表中的 shift()?

我正在使用ng-repeat和CSS转换移动页面中的一些元素。如果我使用unshift更改数据数组,列表会很好地转换。(在我的应用程序中,我正在转换位置和不透明度。)但是,如果我使用shift来更新数组,DOM会立即更新而不会发生任何转换。Here'sademo一种方法,除了转换之外,所有方法都按预期工作。比较使用这两个按钮时的行为。$scope.items.push($scope.items.shift());Here'sanotherdemo另一种方法,其中转换有效,但每次函数运行时数组都会丢失一个元素。$scope.items.shift($scope.items.push())

javascript - 使用 ng-repeat 以 Angular 列出每行 2 个元素的最佳方法?

我有一个对象数组,我想使用ng-repeat为每行显示2个对象。我想出的解决方案如下:{{elements[$index].name}}{{elements[$index+1].name}}问题是我无法使用|过滤内容以正确的方式过滤,因为它会显示过滤后的元素和后续元素。解决问题的最佳方法是什么?抱歉我的英语不好,这不是我的母语。提前谢谢你。 最佳答案 正如@JoshuaOhana在评论中所说,一个好的解决方案是预处理您的数组,然后使用您的解决方案。基于您的解决方案的快速而肮脏的选择(无需预处理)将过滤span元素内的数组:{{(el

javascript - Angular 在使用 `ng-if` 时避免代码重复

我当前的实现:{{item}}{{item}}上面的代码可以运行,但是有很多代码重复:ng-if有两次吗(不能使用ng-switch,因为中间引入了新元素){{item}}重复两次,只是因为我不希望元素()封装我的数据,当ng-if计算结果为假。我想知道是否有更好的方法来重写它。 最佳答案 在这种情况下,您最好创建一个可以有条件地包装内容的自定义指令。你可以这样做:angular.module('demo',[]).controller('DemoController',function($scope){$scope.items=[