草庐IT

ng-bind-html-unsafe

全部标签

javascript - AngularJS 选择 ng-change 函数找不到选定的模型

我在处理一些基本的Angular数据绑定(bind)时遇到了问题。我的看法:AllPersons我的Controller:$scope.testdataset=[{name:"bill"},{name:"bob"},{name:"batman"}];$scope.personChanged=function(person){console.log(person);}效果很好——选择的名称已记录。Butthissimplyprints"undefined"whenanameisselected查看:AllPersonsController:$scope.testdataset=[{nam

javascript - 如何在 html5/JS 中只预加载音频文件的一部分?

我在一个网页中有多个音频文件。我希望它们都准备好在页面加载后立即播放,但一次完全预加载它们太重且无用。因此,我只想预加载一定数量的音频并加载其余的,前提是它们已播放(类似于我们在YouTube示例中看到的行为)。如何在HTML5页面上执行此操作(可能使用Javascript)? 最佳答案 您可以尝试一些hacky,例如在onload监听器中播放文件的前10%。但是,根据经验,我发现浏览器无论如何只会预加载音频内容的开头。(如果他们预加载任何东西:例如iOS,移动版chrome都拒绝预加载。)例如,在Firefox中,您可以检查HTT

javascript - $digest 渲染 ng-repeat 作为注释

我正在为指令编写测试,执行测试时模板(已正确加载)呈现为对于初学者来说,代码的相关部分:测试...beforeEach(inject(function($compile,$rootScope,$templateCache){varscope=$rootScope;scope.prop=['element0','element1','element2'];//Templateloading,intherealcodethisisdonewithhtml2js,inthisexample//I'mgonnaloadjustastring(alreadycheckedtheproblempe

javascript - Html2canvas for each div export to pdf separately

我有Page,它有6个具有相同类名“exportpdf”的div,我正在使用jspdf和html2canvas将这些div转换为pdfvarelementTobePrinted=angular.element(attrs.selector),iframeBody=elementTobePrinted.contents().find('div.exportpdf');在html2canvas中......html2canvas(elementTobePrinted,{onrendered:function(canvas){vardoc=newjsPDF();for(vari=1;i我将页

javascript - AngularJS ng-重复条件

我有一组JS对象(例如文档中的段落),我想使用angularJS显示它们。ng-repeat似乎是我需要的指令:{{paragraph.text}}但是,我需要做的不仅仅是在此循环中显示它们的内容。我需要在之后插入分页符(仅出于视觉目的,例如:x)像素(尝试所见即所得文档)。我的问题:是否可以有某种条件逻辑来计算前面的段落垂直使用了多少像素,如果大于x,插入一个分页符div并重置计数器?非常感谢任何帮助/建议/方向。 最佳答案 我认为你可以使用ngClass{{paragraph.text}}检查条件$scope.checkCond

javascript - D3和双向数据绑定(bind)

我对使用datadrivendocuments的当前最佳实践和解决方案感兴趣具有双向AJAX数据绑定(bind)的库。更具体地说,我想知道如何d3最好与支持双向数据绑定(bind)的库集成,例如Angular或Knockout.出现的明显冲​​突源于以下事实:d3和AJAX库都将数据插入到DOM,这基本上意味着一个必须包装另一个。 最佳答案 关于DOM上的数据您担心插入DOM的数据。这是一些添加的属性:D3js:__data__,__onmouseover.force,__onmouseout.force,__onmousedown

javascript - ng-repeat 中的 Angular 切换过滤器

我正在尝试使用ng-repeat显示一些数据。我想对显示的数据进行筛选,当我单击特定项目时,应删除筛选器。当我再次单击该特定项目时,应再次添加过滤器。我从一个想法开始,在我看来我有:{{t.name}}在我的Controller中:.controller('TicketCtrl',function($scope,$filter){$scope.toggleFilter=function(name){name=$filter('getSlice')(name);alert(name);}});当我提醒name时,它会提供正确的过滤项目,但它不会在View中更新。我认为这必须对ng-rep

javascript - Angularjs 使用 ui-sref 链接将 html 添加到变量

我有以下将html添加到变量的代码。但是,当它显示在页面上时,链接不起作用。动态插入ui-sref链接的最佳方法是什么?JavaScript.controller('page',function($scope,$rootScope,$http,$state,$sce){$scope.message=$sce.trustAsHtml('Aloginlink');})HTML 最佳答案 有aworkingplunker我会说,我们可以结合使用:$state.href()(文档here)和ng-href(文档here)(但仅在传递的参数是

javascript - Angular JS ng-model 第一次没有正确启动

我正在使用AngularJSng-model来跟踪select标签的选定值。这是例子http://jsfiddle.net/8853oxb1/3/functionControllerA($scope){$scope.optionsArray=[1,2,3,4,5];$scope.optionsObject={"India":"IN","Singapore":"SG","Malaysia":"MY","Indonesia":"INDY"};}如果,我使用tab键转到下拉菜单并尝试按“I”两次以选择以I开头的第二个选项,下拉菜单值会按预期更新,但ng-model仅采用第一个选项是“我”。a

javascript - 不寻常的 d3 放大可重用类 - this 和 bind

一段时间以来,我一直在为这个问题绞尽脑汁......我在js中有一个常用的构造函数/原型(prototype)对象(如类),它包含我所有的d3图表逻辑:figureGen=function(html_element){this.svg=d3.select(html_element).append('svg').style('width','100%').style('height','100%').append('g').attr("class","sadrzalac").attr("transform","translate("+0+","+0+")");this.element=e