草庐IT

angular2-social-login

全部标签

html - 用Angular2动态填充css伪元素 'before'内容

我很难尝试在:before伪元素上动态填充“内容”值。在关于here的另一个问题中,我发现早期版本的AngularJS是可行的。,通过在具有before伪元素的元素上创建一个额外的数据属性,然后使用CSS中的attr()读取该值。当使用纯字符串作为值时,它似乎工作得很好://CSS.test:before{content:attr(data-before);}//TemplateHello{{name}}但是当我尝试用这样的插值填充数据之前时,我得到一个错误://CSS.test:before{content:attr(data-before);}//TemplateHello{{na

html - 用Angular2动态填充css伪元素 'before'内容

我很难尝试在:before伪元素上动态填充“内容”值。在关于here的另一个问题中,我发现早期版本的AngularJS是可行的。,通过在具有before伪元素的元素上创建一个额外的数据属性,然后使用CSS中的attr()读取该值。当使用纯字符串作为值时,它似乎工作得很好://CSS.test:before{content:attr(data-before);}//TemplateHello{{name}}但是当我尝试用这样的插值填充数据之前时,我得到一个错误://CSS.test:before{content:attr(data-before);}//TemplateHello{{na

html - 从 Angular 2 组件访问根 html 标签

所以问题是,是否可以使用渲染器来调整主要Angular2应用程序组件之外的标签,例如标签?如果是,最好的方法是什么?让我介绍一下背景。我正在尝试使用Angular2构建一个多语言网站,但遇到了一个我找不到解决方案的问题。问题是我在html标签中使用lang属性来定义站点在每个时刻使用的语言,例如://WhenwehaveEnglishlocaleactive因此,当用户点击不同的语言时,我会使用ng2-translate更新网站语言,效果非常好。问题是我需要相应地更新属性,但我找不到在Angular2中执行此操作的正确方法(如果可能的话)。现在,我直接接触DOM,但这对我不起作用,因为

html - 从 Angular 2 组件访问根 html 标签

所以问题是,是否可以使用渲染器来调整主要Angular2应用程序组件之外的标签,例如标签?如果是,最好的方法是什么?让我介绍一下背景。我正在尝试使用Angular2构建一个多语言网站,但遇到了一个我找不到解决方案的问题。问题是我在html标签中使用lang属性来定义站点在每个时刻使用的语言,例如://WhenwehaveEnglishlocaleactive因此,当用户点击不同的语言时,我会使用ng2-translate更新网站语言,效果非常好。问题是我需要相应地更新属性,但我找不到在Angular2中执行此操作的正确方法(如果可能的话)。现在,我直接接触DOM,但这对我不起作用,因为

javascript - 使用 Angular 2 实现选项卡

我正在尝试以Angular方式显示jquery选项卡。所以我创建了一个方法tabsUL(),我试图在其中显示警报中的值,但我没有得到它,之后我不确定如何继续。在下面提供我的jquerycodepen还在下面提供plnkr,但它不起作用你们能告诉我如何进行吗工作fiddlehttps://codepen.io/texirv/pen/Vzdqpo不工作fiddlehttp://plnkr.co/edit/XMLRIGEJLnxK3Vv9Y8Ma?p=previewexportclassApp{constructor(){this.name='Angular2'}tabsUL():void{

javascript - 使用 Angular 2 实现选项卡

我正在尝试以Angular方式显示jquery选项卡。所以我创建了一个方法tabsUL(),我试图在其中显示警报中的值,但我没有得到它,之后我不确定如何继续。在下面提供我的jquerycodepen还在下面提供plnkr,但它不起作用你们能告诉我如何进行吗工作fiddlehttps://codepen.io/texirv/pen/Vzdqpo不工作fiddlehttp://plnkr.co/edit/XMLRIGEJLnxK3Vv9Y8Ma?p=previewexportclassApp{constructor(){this.name='Angular2'}tabsUL():void{

html - 使用圆 Angular 的 <select> 元素上的额外 Chrome 边框

我在Chrome中遇到一个问题,当我在选择菜单框上使用圆Angular时有“两个”边框(见下文,顶部是输入框,底部是选择框)input,select{border:2pxsolid#ced6e9;-moz-border-radius:8px;border-radius:8px;}我已经尝试了另外两种方法,但它们不起作用:RoundedcornersinChromenotworking不工作,设置-webkit-appearance:none;但这会删除表明它是一个选择框的小按钮编辑我正在使用Windows7(服务包1)和Chromev18请参阅此jsFiddleexample

html - 使用圆 Angular 的 <select> 元素上的额外 Chrome 边框

我在Chrome中遇到一个问题,当我在选择菜单框上使用圆Angular时有“两个”边框(见下文,顶部是输入框,底部是选择框)input,select{border:2pxsolid#ced6e9;-moz-border-radius:8px;border-radius:8px;}我已经尝试了另外两种方法,但它们不起作用:RoundedcornersinChromenotworking不工作,设置-webkit-appearance:none;但这会删除表明它是一个选择框的小按钮编辑我正在使用Windows7(服务包1)和Chromev18请参阅此jsFiddleexample

javascript - 以鼠标移动的度数计算 Angular

我想计算鼠标移动的Angular(以度为单位)。虽然我知道您不必沿直线移动鼠标,但我只是尝试根据起点和终点计算它以创建一个漂亮的直Angular。log("ANGLE:"+getAngle(x1,y1,x2,y2));给出了奇怪的结果:ANGLE:0.24035975832980774mousehasstoppedANGLE:1.334887709726425mousehasstoppedANGLE:0.2722859857950508mousehasstoppedANGLE:0.3715485780567732mousehasstopped代码:$("canvas").mousemo

javascript - 以鼠标移动的度数计算 Angular

我想计算鼠标移动的Angular(以度为单位)。虽然我知道您不必沿直线移动鼠标,但我只是尝试根据起点和终点计算它以创建一个漂亮的直Angular。log("ANGLE:"+getAngle(x1,y1,x2,y2));给出了奇怪的结果:ANGLE:0.24035975832980774mousehasstoppedANGLE:1.334887709726425mousehasstoppedANGLE:0.2722859857950508mousehasstoppedANGLE:0.3715485780567732mousehasstopped代码:$("canvas").mousemo