草庐IT

angular2-social-login

全部标签

html - 如何在 Angular2 中设置兄弟组件的样式?

我有一个包含Logo、搜索栏和路由器导出的搜索组件。搜索的执行导航到结果列表,这是此处概述的伪html:我喜欢在结果页面上设置不同样式的Logo和搜索栏,因此我尝试选择带有:host>>>logo和/deep/的Logoresult-list组件。那是行不通的。有没有办法选择sibling?这里有一个小的plnkr来演示这个问题。http://plnkr.co/edit/Q0CLjcsftbqe0kHKrKks?p=preview在这里,我想将resultlist中的logo和searchbar设置为黑色。 最佳答案 与JensHa

html - Angular动态添加类

有没有办法使用Angular解决方案从.ts文件添加类我想从.ts文件的一侧执行上述操作。代码越少越好。GlobalMaintenanceSettingsProfileTransactions我只想在ChangeScreen函数中添加这样的内容:ChangeScreen(page){page.addClass=page;}然后我可以删除所有这些行:[class.selected]="CurrentPage=='...'" 最佳答案 您可以使用ngClass指令:就这么简单!只有当condition的计算结果为true时,myDiv才

html - 创建水平居中的背景图像渐变三 Angular 形

我想使用clip-path:polygon(...)在css中创建一个指向下方的三Angular形,并使用background-image:linear-gradient(...)。一切正常,但我需要这个形状作为我网页的背景。它需要始终居中并且需要剪裁/剪掉不适合浏览器窗口的左右边缘。三Angular形不应重新调整自身;我想保留三Angular形边缘的陡度并且三Angular形的高度不应该改变:如图所示,即使浏览器窗口太小无法包含三Angular形,三Angular形也应保持相同的宽度和高度。到目前为止我有:div.main-background{position:absolute;z

html - Angular 中 tsconfig.json 和 tsconfig.app.json 文件的区别

我是Angular的新手。我使用angular-cli了解Angular,我找到了文件tsconfig.json和tsconfig.app.json。这两个都与typescript相关,我发现thislink有用。但是为什么使用了两个这样的文件呢?为什么不能将这两个文件中的配置合并到一个文件中呢?请帮我解决这个问题。 最佳答案 没有什么可以阻止您摆脱tsconfig.app.json。它只是一个额外的配置文件,允许您在应用程序的基础上调整您的配置。这是例如当您在同一个angular-cli工作区中有多个应用程序时很有用。您可以拥有包

html - CSS:圆 Angular + 不透明度 = 图像在 Firefox 19 中消失

我想使用CSS为我的图像添加圆Angular,并在鼠标悬停时更改不透明度,因为这很可爱。有一个错误:鼠标悬停后,图像消失了。CSS非常简单:.articleimg{margin-bottom:5px;-moz-border-radius:15px;/*forFirefox*/-webkit-border-radius:15px;/*forWebkit-Browsers*/border-radius:15px;/*regular*/}.article:hover.img{opacity:0.8;}html也只是为了测试(这是我用谷歌搜索的第一张图片):你可以在jsfiddle上看到它:h

html - 单击透明区域下方的链接(三 Angular 形或多边形链接)

检查以下代码:http://jsfiddle.net/q8Ycztesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest

javascript - JavaScript 中带有欧拉 Angular 的 CSS 立方体全景控件

我目前正在构建一个查看器来显示全景照片。我将图像放在CSS立方体的内部,并且正在研究如何利用javascript中的deviceorientation事件来控制它。我已经找到并实现了一种算法,可以将来自设备方向事件的原始数据转换为欧拉Angular,但我不确定如何使用CSS3d旋转变换来连接这些数据以旋转立方体。我的目标是能够让用户举起手机环顾四周,类似于一些商业软件。我正在考虑利用three.js来执行此操作,但库的大小对于这个特定元素来说太大了。我们希望保持较低的开销。这是我目前拥有的代码的一部分:[已编辑]任何帮助将不胜感激!谢谢!更新我现在可以使用一些基本功能。这是更新后的代码

jquery - 带边框半径的多线圆 Angular

我想给一个带有背景的跨度一个边界半径。它在没有自动换行的情况下工作正常。但是当有自动换行时,它看起来像这样:正如您所猜到的,我只需要将边缘圆化(左上边缘除外)。我不认为我可以使用border-radius属性来做到这一点,而且我不知道我该怎么做。有什么想法吗?谢谢。编辑:代码.messageTextCont{margin-left:5px;word-break:break-word;}.messageText{font-size:17px;font-weight:300;color:#FBFDFE;background-color:#402060;padding:0px;box-sha

html - CSS 形状 - 三 Angular 形设计

我们可以仅使用CSS创建以下图像吗?我能够创建一个直Angular三Angular形。但是我无法创建这个特定形状的三Angular形。任何帮助将不胜感激。直Angular三Angular形设计代码:#triangle,#triangle3{width:0;height:0;border-width:100px00100px;border-style:solid;border-color:transparenttransparenttransparent#ff0033;float:left;}#triangle2,#triangle4{width:0;height:0;border-wi

javascript - 我如何根据其他元素的高度设置页脚的边距,在 Angular 中而不是 jQuery?

正如我在问题中所说,我想要实现的是仅在Angular中实现的等价代码:jQuery方式$(document).ready(function(){varwindowHeight=$(window).height();varheaderHeight=$('header').height();varfooterHeight=$('footer').height();varcontentHeight=$('.content').height();varpaginationHeight=$('.pagination').height();varfooterMarginTop=(windowHei