草庐IT

angular-masonry

全部标签

DIV Angular 周围的 HTML/CSS 文本

所以,我想做一个H1标签来绕过一个容器。如果我使用CSS旋转,我可以旋转文本,但显然只能旋转90度,而不是围绕一个div。我希望将文本保留在一个H1标签中,因为设计师希望它成为页面的标题并用于SEO目的。根据我所做的所有研究,我不确定这是否可行。我有点难过。我想你们会知道这是否可能。例如:LatestNewsBlueSquare 最佳答案 放置您的盒子relative(有一些margin空间用于offset标题文本)定位您的标题absolute负顶-1.1em创建(在标题内)用于旋转的垂直文本将您的SPANabsolute放在右边1

css - 将 Angular Material 下拉菜单移至左侧

我正在使用AngularMaterial。我已成功创建导航栏和下拉菜单。看起来像这样:我想将DROPDOWN移到左侧。现在,它出现在中心周围。HTML代码:MaterialNavBarDropdownHelpAboutGoBackItem1Item2如何修改代码以将DROPDOWN移动到文本MaterialNavBar的左侧? 最佳答案 你只需要添加在您的代码中。MaterialNavBarDropdownHelpAboutGoBackItem1Item2这是一个工作示例。http://codepen.io/next1/pen/Ra

css - 将 Angular Material 下拉菜单移至左侧

我正在使用AngularMaterial。我已成功创建导航栏和下拉菜单。看起来像这样:我想将DROPDOWN移到左侧。现在,它出现在中心周围。HTML代码:MaterialNavBarDropdownHelpAboutGoBackItem1Item2如何修改代码以将DROPDOWN移动到文本MaterialNavBar的左侧? 最佳答案 你只需要添加在您的代码中。MaterialNavBarDropdownHelpAboutGoBackItem1Item2这是一个工作示例。http://codepen.io/next1/pen/Ra

html - 侧面导航中的 Angular Material 滑动过渡?

当我点击设置时,它会导航到内部导航菜单,然后返回主菜单选项。为此,我正在尝试使用AngularMaterial在侧边导航中实现幻灯片过渡,但它没有在侧边导航中显示幻灯片过渡效果。AngularmaterialslidenavPlnkr::http://plnkr.co/edit/tAocrJglxnLs3mMPqAnb幻灯片转换:当我们点击设置时,它会导航到内部菜单,然后单击后退导航到主菜单。为此需要幻灯片过渡效果。例如:http://plnkr.co/edit/o37kGQByrXX9jdIxuIXZ任何人建议幻灯片过渡效果。 最佳答案

html - 侧面导航中的 Angular Material 滑动过渡?

当我点击设置时,它会导航到内部导航菜单,然后返回主菜单选项。为此,我正在尝试使用AngularMaterial在侧边导航中实现幻灯片过渡,但它没有在侧边导航中显示幻灯片过渡效果。AngularmaterialslidenavPlnkr::http://plnkr.co/edit/tAocrJglxnLs3mMPqAnb幻灯片转换:当我们点击设置时,它会导航到内部菜单,然后单击后退导航到主菜单。为此需要幻灯片过渡效果。例如:http://plnkr.co/edit/o37kGQByrXX9jdIxuIXZ任何人建议幻灯片过渡效果。 最佳答案

html - Angular Material 透明工具栏

我在Rails应用程序上使用AngularMaterial,希望工具栏位于图像之上并使该工具栏清晰,以便您可以看到它后面的图像。这是到目前为止的代码:TurboMortgagesAboutJoinLogin我现在在页面上看到的只是图像...这是css:#toolbar{position:relative;z-index:1000;}如果不使用z-index,如何让工具栏位于图像之上?感谢您的帮助! 最佳答案 我最终将图像设为工具栏的背景...您也可以设置position:absolutebackground-color:transp

html - Angular Material 透明工具栏

我在Rails应用程序上使用AngularMaterial,希望工具栏位于图像之上并使该工具栏清晰,以便您可以看到它后面的图像。这是到目前为止的代码:TurboMortgagesAboutJoinLogin我现在在页面上看到的只是图像...这是css:#toolbar{position:relative;z-index:1000;}如果不使用z-index,如何让工具栏位于图像之上?感谢您的帮助! 最佳答案 我最终将图像设为工具栏的背景...您也可以设置position:absolutebackground-color:transp

javascript - Angular.js 使用媒体查询数据绑定(bind)背景图像

我有一个带有动态背景图像的Angular.js应用程序(应该对其URL进行数据绑定(bind))。我还想使用css媒体查询来检测方向/像素密度等。我找到的唯一解决方案是使用javascript将URL添加到背景图像,如下所示:myDiv.css({'background':'url('+scope.objectData.poster+')no-repeat','background-size':'auto100%'});这样我必须将所有媒体查询逻辑传递给javascript,类似于this.(我的意图是能够为每个屏幕分辨率/像素密度/方向提供不同的背景图像)我正在寻找一个更简洁的解决方

javascript - Angular.js 使用媒体查询数据绑定(bind)背景图像

我有一个带有动态背景图像的Angular.js应用程序(应该对其URL进行数据绑定(bind))。我还想使用css媒体查询来检测方向/像素密度等。我找到的唯一解决方案是使用javascript将URL添加到背景图像,如下所示:myDiv.css({'background':'url('+scope.objectData.poster+')no-repeat','background-size':'auto100%'});这样我必须将所有媒体查询逻辑传递给javascript,类似于this.(我的意图是能够为每个屏幕分辨率/像素密度/方向提供不同的背景图像)我正在寻找一个更简洁的解决方

html - 使用 Angular2 以编程方式创建 Html 局部变量

我需要知道是否有办法以编程方式创建HTML局部变量。我正在开发一个网络应用程序,其中有一个NgFor循环,我希望能够为NgFor创建的每个子元素分配一个局部变量。即:setLocalVariable(_title:string){letvar=dosomestuffto_title;returnvar;}上面的例子向您展示了我正在努力完成的事情,但显然行不通。有没有办法做到这一点?提前谢谢你。编辑:在看到我得到的答案后(我感谢所有花时间阅读我的问题并尝试回答它的人)我将进一步解释为什么我想要那样做。我将使用:DynamicComponentLoader中的loadIntoLocatio