草庐IT

ng-touched

全部标签

javascript - 为什么我的指令在使用 AngularJS 1.5 时第一次使用 ng-if 运行时没有进入动画?

http://codepen.io/anon/pen/MygQvb我使用的是Angular1.4.7,然后决定升级。在那之后,使用ng-if的指令上的所有动画都在它们应该发生的第一次停止工作。上面在Codepen上的例子说明了我的意思,如果你切换ng-if它不会在第一次工作,但后来它工作得很好。有一些类似的问题,但都没有解决我的问题,而且我在旧版本的Angular上也从未遇到过这个问题。真正的解决方案会很棒,但如果不可能,欢迎任何解决方法。 最佳答案 正如jjmontes所说,变通方法要求在template中声明指令的模板,而不是使

javascript - Angular : how to get input value without ng-model

我有form动态插入input到DOM(来自其他插件)。有没有办法在没有ng-model的情况下从此输入读取值?[]我看了很多例子,但是到处都有人写关于ng-model...:( 最佳答案 使用监视更改的指令。然后,如果认为有必要,您可以将其分配给您的范围。.directive('watchForChanges',function(){return{link:function(scope,element,attrs){element.on('change',function(e){console.log(e.target.value

javascript - ng-repeat 中的 AngularJS "headers"

最近出现的问题不止一个,我想知道解决这个问题的最佳方法。简单地说:我有数据显示在ng-repeat中,按特定项目排序。例如,假设它按名称排序。我的目标是在按字母顺序排列的列表中的字母分隔符处设置标题:----A----AbeLincolnAdamSmith----B----BarackObamaBarryZuckercorn----C----...等等。我尝试过的事情包括:让Controller完全重新构建传入的模型数据,手动将其放入一组字母组中。例如,我的服务有一个“posts”数组,而我的Controller在服务更新时手动将这些“posts”洗牌到一个“letterGroups”

javascript - ng-class 没有按预期覆盖类

我有一个图标列表,这些图标根据$scope中的bool值“打开”或“关闭”。我创建了两个CSS类——clrOn和clrOff——它们只是颜色不同。我正在使用class=""分配所有图标clrOff,然后如果bool值为真,则尝试使用ng-class=""覆盖它。根据我的研究,这就是我所拥有的应该起作用的东西。plunkerCSS文件:.clrOn{color:#333333;}.clrOff{color:#DDDDDD;}JS文件:varapp=angular.module('plunker',[]);app.controller('MainCtrl',function($scope)

javascript - 在 Angular 中检测鼠标+键盘事件以进行 ng-repeat

我有一个应用程序,我在其中使用ng-repeat生成一组跨度,每个跨度都有一个唯一的ID(比方说span-{{$index}})。现在我想执行以下操作:如果我单击一个跨度,我希望复制该跨度的ID。我设法通过ng-click做到了这一点。我想进一步扩展此功能以检测多次点击,以获取所选ID的数组,但仅如果在点击期间按住CTRL键.例如。如果我在选择id为1,3,5,7的跨度时单击了ctrl按钮,我的数组应该有[1,3,5,7],但如果我没有按下CTRL键,那么我应该只有[7],因为它是最后选择的跨度。还有,我可以绑定(bind)相关事件吗?例如。如果我选择id为1的跨度,如果我单击CTRL

javascript - 此处不允许属性 ng-model

我试图在下拉菜单中使用ng-model属性,但是WebStorm一直告诉我不允许这样做。当我运行应用程序时,它没有绑定(bind),所以我认为它与我的Angular版本有关。我正在运行最新版本,并且ng-model似乎适用于除select之外的所有其他元素。上次更新有什么变化吗?Posts{{post.name}} 最佳答案 将ng-model改成data-ng-model,这是一个已知的WebStorm错误 关于javascript-此处不允许属性ng-model,我们在StackOv

javascript - 当与缩放到包含标记一起使用时,ng-map 默认缩放过于放大 ="true"

我正在尝试使用map,当我只有一个标记和zoom-to-include-markers="true"时,我遇到了这种情况,结果是无论怎样,map都被放大了我如何设置缩放属性,结果如下所示:虽然我希望第一个渲染应该看起来像这样:这是我的代码:我尝试调整zoom属性,但map结果没有任何变化。更新:在js中用setZoom()函数改变缩放就可以了,有没有办法根据map的值计算出合适的缩放?谢谢 最佳答案 对于单个标记的情况,您可以指定maxZoom和minZoom属性来限制将在map上显示的map缩放级别。示例该示例演示了如何通过map

javascript - Firebase 的云功能 : completing long processes without touching maximum timeout

当视频上传到firebase存储时,我必须将视频从webm转码为mp4。Ihaveacodedemoherethatworks,但如果上传的视频太大,转换完成前firebase函数会超时。我知道可以增加函数的超时限制,但这看起来很麻烦,因为我永远无法确认该过程将花费比超时限制更少的时间。有没有什么方法可以在不增加最大超时限制的情况下阻止firebase超时?如果没有,是否有一种方法可以完成耗时的过程(如视频转换),同时仍然让每个过程开始使用firebase函数触发器?如果即使使用firebase函数完成耗时的过程也不是真正存在的东西,是否有某种方法可以在不影响质量的情况下加快fluen

javascript - AngularJS ng-model 将对象转换为字符串

我的HTML文件中有以下内容:{{list.description}}listGroups包含:[{"description":"NewbyTerritory","group":"product","type":"new"},{"description":"NewbyGenre","group":"genre","type":"new"},{"description":"ChartsbyTerritory","group":"product","type":"chart"},{"description":"ChartsbyGenre","group":"genre","type":"c

javascript - 使用 ng-repeat 拖动后,Angularjs 指令属性绑定(bind)左/顶部位置

我是Angular的新手,一直在尝试创建一个指令,该指令将在元素被用户拖动后将其位置绑定(bind)到模型。我发现了另一个StackOverflow问题,它针对一个简单的对象解决了这个问题:AngularjsdirectiveattributebindingofleftandtoppositionafterdraggingmyApp.directive('draggable',function(){return{restrict:'A',link:function(scope,element,attrs){element.draggable({cursor:"move",stop:fu