草庐IT

angular2-social-login

全部标签

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

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

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

html - 是否可以使用 Angular 2 html 文件而不是组件?

我有appCmponent.ts:@Routes([{path:'/login',component:LoginComponent},{path:'/home',component:HomeComponent},{path:'/graph',component:GraphComponent},])如果我不想加载GraphComponent而只想加载里面的html文件怎么办?可能吗? 最佳答案 不,您需要将HTML包装在一个组件中。没有办法。 关于html-是否可以使用Angular2ht

html - 是否可以使用 Angular 2 html 文件而不是组件?

我有appCmponent.ts:@Routes([{path:'/login',component:LoginComponent},{path:'/home',component:HomeComponent},{path:'/graph',component:GraphComponent},])如果我不想加载GraphComponent而只想加载里面的html文件怎么办?可能吗? 最佳答案 不,您需要将HTML包装在一个组件中。没有办法。 关于html-是否可以使用Angular2ht

html - 在 Angular uib-dropdown 中禁用菜单项

在我的Angular模板中,我使用angular-ui创建了一个下拉菜单,我需要根据ng-中定义的“公司”对象的属性禁用一些列表项重复。我已经尝试过disabled标签或ng-disabled指令但没有成功。我怎样才能做到这一点?我当前的代码:{{companyDescr}}{{company.address}}如有任何帮助,我们将不胜感激! 最佳答案 您可以使用disabled来自Bootstrap的类和来自Angular的ng-class指令。HTML{{company.address}}编辑根据Bootstrapdocumen