草庐IT

ng-bind-html

全部标签

javascript - 拖动后左侧和顶部位置的Angularjs指令属性绑定(bind)

我正在为jqueryuidraggable编写一个指令,但是我在拖动后无​​法将左侧和顶部位置绑定(bind)到我的范围。有人能指出我正确的方向吗?myApp.directive('draggable',function(){return{restrict:'A',link:function(scope,element,attrs){element.draggable({cursor:"move",stop:function(event,ui){attrs.$set('xpos',ui.position.left);}});}};});这是我正在尝试做的事情的fiddle:http:/

javascript - 如何检查 HTML 元素的动画?

我想查看分配给特定元素的CSS过渡或JavaScript/jQuery动画。我应该如何在ChromeDevTools或任何其他开发者工具中执行此操作?例如,我访问了一个Google+页面,我注意到当我将鼠标悬停在一张图片上时,它会变灰、放大,并且Angular落会出现一个关闭按钮。正常:悬停:如何查看此行为背后的代码? 最佳答案 右键单击元素选项卡中的html元素,然后选择:悬停选项。现在您可以在右侧样式选项卡中看到应用于特定元素的悬停CSS。请引用屏幕截图 关于javascript-如

javascript - angularjs 指令将名称属性绑定(bind)到模板元素

我正在尝试在select上创建一个包装器指令,并且我正在尝试将“name”属性分配给select指令我的指令定义为mainApp.directive('selectformfield',function(){return{restrict:'E',transclude:true,scope:{label:'@',id:'@',selectedval:'=',options:'=',name:'='},template:"--select--"};});我试图通过Controller中的myform访问select的name属性,例如console.log($scope.myForm.o

javascript - 如何遍历 HTML DOM?以及如何获取元素的事件、样式和属性(附示例)

编辑2(解决方案)Javascript对于“可能的”javascript方式,请参阅下面的@sabof回答:https://stackoverflow.com/a/22172009/3309243…………JQUERY事件:我很快制作了一个示例函数getEvents(),但它似乎有效:)属性:我在互联网上的某个地方找到了这个,通过使用.attr()返回所有属性另外,我刚刚发现了有关在浏览器中进行调试的知识,因此现在知道如何查看对象。可能有人想知道如何:打开您的控制台(在FireFox中至少为f12)并在控制台命令行中键入例如$("body")(一直在底部),单击返回的对象并查看控制台:P

javascript - 在运行时动态分配 ng-controller

我有一种情况需要动态更改Controller,以便相应地影响范围变量。总体结构://somegeneralHTMLwhichfitsalltypesofgames//Typeofgame//somegame-type-specificng-modelsthatshouldrespondtothechangeofcontroller,i.escope我看到了here它可以在ng-repeat中完成。可以在它之外完成吗?换句话说,我可以告诉Angular将其作为变量而不是字符串文字来读取吗? 最佳答案 正如评论中所讨论的,angular

javascript - ng-repeat 内部的 Angular ng-repeat 在表中不起作用

我有以下内容{{history.reference_code}}{{items.product_description}}{{items.quantity}}似乎第二个ng-repeat和{{items.quantity}}或items不工作。任何东西都不会最终显示出来。有什么想法吗?当我像这样测试它时,它是有效的{{items.product_description}}但我真的需要它在table里面我尝试了以下方法:{{history.reference_code}}{{items.product_description}}{{items.quantity}}还是不行

javascript - ionic : ng-show and page transition

我正在使用Ionic开发移动应用程序,但我还不是很熟悉这个框架或Angular。您可以点击一些列表项以查看包含一些详细信息的页面。这是我的列表模板:{{location.name}}Controller:...$scope.showDetails=function(location){$rootScope.currentLocationDetails=location;};...这是详细信息页面:Controller:app.controller('DetailsController',function($scope,$rootScope){$scope.location=$rootS

javascript - Angular : Memory Leak with ng-repeat using custom objects (w/simple PLUNKR)

(简单的plunkr演示here)总结:使用ng-repeat在第二波之后迭代自定义对象的“数组”时存在泄漏,如下所示:{{d_sampleObject.description}}内存配置文件显示遗留了一个额外的“d_sampleObject”并且未取消引用。下面有更多详细信息(通过Controller和注入(inject)服务)。在提供的plunkr链接中也有一个简单的演示。提前非常感谢任何想法和帮助!注意“mySampleObjects”是以下实例的数组:ml.MySampleObject=function(id){this.id=id;this.description='this

javascript - Rivets.js:单击按钮时,使用数据绑定(bind)中的参数调用函数

这太令人生气了。好像应该这么简单,但是我找不到魔法咒语。这是我需要做的事情的要点:这应该可以说明我需要做什么。我尝试了很多不同的方法,但似乎没有任何效果。 最佳答案 下面是铆钉网站的事件处理程序的默认配置://Augmenttheeventhandleroftheon-*binderhandler:function(target,event,binding){this.call(target,event,binding.view.models)}因此除了事件对象之外,您还可以获得对与特定绑定(bind)相关的模型的引用作为第二个参数

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编辑:根据下面的解决方案,我在上面的代码摘录中包含