草庐IT

NG-BIND-HTML

全部标签

javascript - 将服务变量绑定(bind)到指令?

我有一个Controller,它包含一个从服务器获取一些数据的函数。我将该数据存储在服务变量中。然后将此服务注入(inject)到指令中。我希望在调用此函数并更新数据时自动更新指令。我的Controller:angular.module('myApp').controller('myCtrl',['$scope','SomeService',function($scope,SomeService){$scope.update=function(){SomeService.myValue=100;}}]);指令:angular.module('myApp').directive('myD

javascript - 如何在 HTML5 Canvas 上缩放图像时保持宽高比?

在我的项目中,我使用HTML5Canvas和FabricJS。我有维持放置在Canvas中的图像对象的纵横比的方案。在调整Angular或缩放图像时,我必须更新宽度或高度以保持图像的纵横比。上图将清楚地显示我的问题。我需要一种算法或公式来保持图像的纵横比。图片应满足以下条件,如果我通过根据实际尺寸调整图片的宽度或高度来进行缩小,它会裁剪并以相同的纵横比显示图片。如果我确实通过调整图像的实际尺寸的宽度或高度来进行扩展,它将分别扩展图像的高度或宽度,并针对视口(viewport)高度和宽度进行裁剪以保持宽高比。隐藏的部分被平移和查看。请给我一些解决方案,谢谢。

javascript - 使用 jquery 检索原始 html,而不是呈现的 html

我在网站上添加了Twitter时间线。它呈现并且如果我单击页面上的查看源代码,我可以看到我添加到该站点的相同Twitter小部件html:Tweetsby@goodNamewindow.twttr=(function(d,s,id){vart,js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore

javascript - 绑定(bind)到 Javascript 事件的函数的执行顺序

我正在搜索有关绑定(bind)到javascript页面事件的函数执行顺序的详细信息,例如通过EventListener。例如,如果我将三个函数A()、B()和C()绑定(bind)到同一个事件(比如DOMContentLoaded),这三个函数的执行顺序是什么?根据JS代码中addEventListener调用的先后顺序来一一对应?或者它们是同时执行的?另外,我可以修改这个订单吗?例如,让绑定(bind)到DOMContentLoaded事件监听器的函数在绑定(bind)到同一事件的任何其他函数之前执行。 最佳答案 事件处理程序总

javascript - 可以访问 ng-repeat 创建的范围项吗?

我的印象是ng-repeat为数组/对象中的每个元素创建了一个新的范围。是否可以从Controller访问ng-repeat创建的这些新范围?例如,如果您知道索引?如有任何帮助,我们将不胜感激。 最佳答案 检查此演示的控制台:JSFiddle.console.log作用域,有两个属性$$childHead和$$childTail.它们是ng-repeat创建的第一个也是最后一个子作用域。.获得第一个子作用域后$$childHead,可以遍历得到其他ng-repeat通过$$nextSibling范围对象和$$prevSibling.

javascript - npm 脚本 : need to minify all HTML files in folder (and subfolders)

我想使用npmrun脚本缩小文件夹(以及其中的任何文件夹)中的所有.html文件。理想情况下,应覆盖所有.html文件(如果不可能,也可以使用新文件夹)。假定输入文件夹中会有非HTML文件。npmlibraryminimize仅适用于每个文件,但不适用于文件夹。另一个npm库html-minifier确实接受文件夹作为输入,但如果输入文件夹中存在任何非HTML文件,则会失败:html-minifier--input-dir./test1--output-dir./test2--html-5--collapse-whitespace我需要它来缩小我的静态网站的HTML文件。

javascript - ng-table 的 getData 函数中未定义的参数

我在使用ng-table时遇到了一个问题,其中应该传递到我的getData函数的参数是未定义的。我是AngularJS和ng-table的新手,所以我们将不胜感激。我已经通过直接调用下面代码中的REST调用来验证它们是否有效,所以问题出在我的Angular代码/配置中。无论如何,这是我的Controller的伪示例。实际代码在内部网上,所以我不能直接粘贴,所以请原谅转录中的错别字。使用ng-table1.0.0和angular1.5.8:myApp.controller('myCtrl',['$scope','$http','NgTableParams',function($scope

javascript - 在 Angular ng-if 表达式中使用 &(按位与运算符)

我无法让&运算符在Angularng-if表达式中工作(与某些位标志一起使用)。假设我们有这样的HTML:如果value等于3,则按位运算应返回2,因此是一个真值。但是,Angular每次都会抛出一个SyntaxError异常。不允许操作?还是我做错了什么?链接到plunker.编辑:我已经通过使用一个简单的函数解决了我的问题:$scope.checkFlag=function(value,flag){returnvalue&flag;}但我真的不喜欢这个解决方案。有没有办法在ng-if中使用它(显然不使用函数)? 最佳答案 您不能

javascript - Webpack 简单地将一堆 Pug 模板编译成 HTML

我开始使用webpack,但我终生无法解决的一件事是如何获取一个充满.pug模板的文件夹(可能包含嵌套文件夹),然后简单地将它们编译为静态html并将它们放入输出文件夹,为源模板文件夹中的每个输出html文件维护任何嵌套文件夹结构...我不想手动指定每个单独的.pug文件,我绝对不希望webpack尝试将.pugs解析为JS,然后尝试在pug文件中要求/导入任何imgs/fonts等然后提示它,我刚刚完成了基本的静态1:1编译,输入pug文件,输出html文件。为什么这么难做到? 最佳答案 使用pug-html-loader将.pu

javascript - react 性能 : bind vs anonymous function

我想知道在React组件中使用bind和匿名函数之间是否存在性能差异。具体来说,以下一项是否比另一项更高效?constMyComponent=({myHandler})=>{...return(helloworld);}constMyComponent=({myHandler})=>{...return({myHandler(this,foo,bar)}...>helloworld);}这个问题与possibleduplicate不同,因为possibleduplicate问题的答案集中在内存占用上。 最佳答案 首先,您设置问题的方