草庐IT

data-ng-animate

全部标签

javascript - 按钮ng-click中的功能参数相同

我有两个按钮使用相同的ng-click和不同的参数。SaveSettingsChoosefromGallery无论我做什么,按钮都会传递与第一个函数调用中相同的参数。使用简单的Controller功能进行测试,记录相同的参数。在这种情况下,它是true对于两者。$scope.takePicture=function(my_param){console.log(my_param);}这些似乎只发生在Ionic中,而不是标准的Angular。这是一个工作示例的CodePen。http://codepen.io/anon/pen/JYBKVQ编辑:根据下面的解决方案,我在上面的代码摘录中包含

javascript - 使用 Protractor 在 ng-repeat 中获取 ng-model

如何使用Protractor在ng-repeat中获取ng-model?{{field.country_name}}我用这个,但没有成功:varresult=element.all(by.repeater('fieldinmaster.linker').column('field.text'));result.forEach(function(entry){console.log(entry);});我想比较:result.forEach(function(entry){if(entry.country_name==='en'){expect(entry.text(fromng-rep

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 - 谷歌地图 API : Change marker animation speed

GoogleMapsAPIv3目前支持两种类型的标记动画:DROP和BOUNCE有什么方法可以加速BOUNCE或减慢DROP动画? 最佳答案 GoogleMapsAPI不支持动画属性或自定义,只支持您所说的选择“放下”或“反弹”的能力。应该可以通过jQuery或其他框架将自定义动画应用于标记元素。或者,您可以提供动画GIF作为标记。 关于javascript-谷歌地图API:Changemarkeranimationspeed,我们在StackOverflow上找到一个类似的问题:

javascript websocket onmessage event.data

使用JavaScriptWebSocket如何将event.data传出onMessage函数?vareventData=EventRequest("text");.....codes.....EventRequest=function(text){varsocket=newWebSocket('ws://localhost:8080/');websocket.onopen=function(evt){onOpen(evt);};websocket.onmessage=function(evt){onMessage(evt);};functiononOpen(evt){socket.s

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 - 如何使用 Gulp 和 gulp-data 从单个 jade 模板生成多个 html 文件

我正在使用Gulp创建一个静态站点生成器.我想知道如何将每条数据(JSON)通过管道传输到一个jade模板中以生成多个html文件。这是gulp的"template"任务:gulp.task('templates',function(){'usestrict';varmyData=JSON.parse(fs.readFileSync('./_assets/data/content.json'));varmyPages=myData.pages;varmyPosts=myData.posts;gulp.src('./_assets/templates/index.jade').pipe(