草庐IT

angular2-social-login

全部标签

angular - 将事件从指令发送到父元素

我在Angular2应用程序的HTML模板中有一个元素。我向它添加一个指令:HELLO我希望每当我将鼠标悬停在div上时,应该更改div中的文本,但这需要从Directive完成(鼠标悬停)事件。如何从Directive发出事件并将其捕获到父元素中? 最佳答案 如果myCustomDirective有一个输出@Output()someEvent:EventEmitter=newEventEmitter();那么你可以使用HELLO 关于angular-将事件从指令发送到父元素,我们在St

javascript - Angular 2 延迟加载技术

我已经用Angular1和requireJS和AMD编写了一个大型应用程序,用于延迟加载和结构化。该应用程序不使用路由,但应用程序的某些部分(如HTML、CSS和Javascript(Angular模块))是延迟加载的。现在我想切换到Angular2,我正在寻找不依赖于路由且不依赖于数千种不同javascript框架的HTML、css和JS(Angular)内容的最佳延迟加载技术.这么说懒加载路由组件好像挺简单的:http://blog.mgechev.com/2015/09/30/lazy-loading-components-routes-services-router-angul

javascript - 使用 Angular js HTML5 扫描条形码和二维码

我需要在Android/iphone/ipad设备上扫描条码和二维码。项目完全基于AngularJS和HTML5,是移动网站。以下是要求。它不应该在设备上下载任何第三方native应用程序。因此无法使用nativeZxing应用程序。那么,在javascript/HTML5/jquery/Angularjs中有什么方法可以通过原生相机扫描条码吗?我们尝试了下面的javascript库,但发现没有用,因为它仅适用于QRcode而不能打开相机。https://github.com/LazarSoft请帮忙!! 最佳答案 请通读此插件,应

html - 从 angular 4 中的 html 中删除主机组件标签

我有一个表,我想在其中显示一个表行,它是一个组件。我还想将数据传递给该组件:col1col2col3{{item}}在my-component,HTML是几个使用从data1呈现的数据和data2.但是渲染之后,因为我的CSS中断导致所有my-componentHTML(整行表格)显示在第一列。以上结果:col1col2col3data1.prop1data1.prop2{{item}}我尝试了以下方法:@Component({selector:'[my-component]',templateUrl:'my-component.html'})但这会导致错误Can'tbindto'da

javascript - Angular 和语义标记/关注点分离

也许这不是问这个问题的好地方,但我会尽量使其尽可能客观和负责任。我一直在玩Angular.js并且非常喜欢它,但我对它的理念有疑问。下面是来自Angular站点的Controller代码片段。{{remaining()}}of{{todos.length}}remaining[archive]{{todo.text}}这基本上是HTML带有Angular指令。我发现可能可疑的是:archive.当JeffreyZeldman写道DesigningWithWebStandards,为了便于维护,将标记(HTML)、表示(CSS)和交互(JS)分离到不同的文件中成为最佳实践。我的问题是,A

html - 带直 Angular 梯形的箱形

我想知道这个形状是否可以用尽可能少的html在css3中完成:到目前为止,我已经设法做到了这一点:.wrapper{position:relative;}.box{width:100px;height:100px;border:1pxsolid#000;position:absolute;top:100px;left:100px;}.box:before{content:"";border:1pxsolid#000;border-bottom:1pxsolid#fff;width:50%;height:10px;position:absolute;top:-12px;left:-1px

html - Angular 2模型驱动形式的下拉列表

我有一个模型驱动的表单,我想在其中添加一个包含多个选项的下拉列表。选项来自预取列表,表单的模型被注入(inject)到组件中。表单已正确加载:模型中的所有字段均已正确填写,下拉列表的选项列表也已正确加载。唯一的问题是我无法设置列表的selected值,它最初显示为空值。在这里,我正在加载HMO列表,然后加载患者,然后才创建表格。表单的所有值(此处省略的名称、ID等)都已正确加载到表单中。表单中的下拉列表已正确填写:AllHMOsarepopulatedthelist.尽管如此,列表中的选定值仍然丢失,丢失的是没有初始值的加载。出于调试目的,我已将option标记中的bool条件:pat

html - 圆 Angular 周围的盒子阴影?

我正在使用Twitter的Bootstrap库快速构建原型(prototype)。这是我的布局在HTML中的样子:×Awesomeness!You'reprettycool.×Awesomeness!You'reprettycool.这是我的LESS的样子:div.navbardiv.navbar-messages{.drop-shadow(1px1px10px1pxrgba(0,0,0,0.2));div.alert{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;margi

javascript - Angular 中 ng-repeat 元素之间的间隙

当将div元素显示为inline-block时,我遇到多个ng-repeat元素的问题。元素之间有一个奇怪的间隙,一个ng-repeat结束而下一个开始,如图所示:我创建了一个plunk演示此行为:为什么会发生这种情况以及如何消除差距? 最佳答案 检查这个plunk有一个hack可以删除出现在换行符处的内联元素之间的空格。{{number}}{{number}}{{number}}您可以阅读更多关于其他黑客的信息here. 关于javascript-Angular中ng-repeat元素

javascript - Canvas 从底部中心图像 Angular 旋转?

如何从底部中心Angular使用canvashtml5元素旋转图像?testfunctionstartup(){varcanvas=document.getElementById('canvas');varctx=canvas.getContext('2d');varimg=newImage();img.src='player.gif';img.onload=function(){ctx.translate(185,185);ctx.rotate(90*Math.PI/180);ctx.drawImage(img,0,0,64,120);}}不幸的是,这似乎从图像的左上角旋转了它。有什