草庐IT

angular2-social-login

全部标签

html - 图像路径在 Angular 2 中不起作用

我放在网站上的所有内容都正常运行,但我尝试放入网站的每张图像(背景除外)都会返回404未找到错误。我所有的图片都位于“Project/src/assets/images”,我在我的html文档中尝试了以下img标签。这些文件位于“Project/src/app/tabs”。我使用css为我的页面设置了背景图像并且它有效。这是我应用的选择器和属性:background:url('assets/images/greybackground.jpg')no-repeatcentercenterfixed;如何在不出现404错误的情况下将图像添加到我的HTML文档?

Angular 4-从可观察的

我有一个页面,在其中显示一个列表locations,然后单击我正在显示的每个assets为了那个原因location。我已经设置了这样的模板:{{location.name}}0;elsemessage">{{asset.title}}{{asset.address}}{{asset.value}}Noassetsfor{{location.name}}在组件中,我设置了空的assets数组和一个空的currentLocation:locations:any[]=[];currentLocation:any={};assets:any[]=[];然后在方法中select我正在获取这样的资产:s

html - 使用 CSS3 或图像的圆 Angular ?

现在创建它们的区别和最佳方法是什么? 最佳答案 当然是CSS3。它更快、更干净,并且在所有主要浏览器上都受支持。IE需要(惊喜,惊喜)workaroundthough:-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(border-radius.htc); 关于html-使用CSS3或图像的圆Angular?,我们在StackOverflow上找到一个类似的问题:

html - 以百分比创建一个CSS三 Angular 形

我正在尝试在顶部网站上创建一个正方形并流入三Angular形的div,正方形部分不那么难,做工很好,但三Angular形部分有点难。盒子的大小需要随着屏幕大小而改变,在正方形中我通过在宽度和高度中使用%来做到这一点,但是我不能在边框属性中使用%符号我这一刻的代码HTMLOverV12CSSdiv.menuItem{height:5.38%;width:7.44%;position:fixed;background-color:rgb(239,239,239);cursor:pointer;z-index:12;text-align:center;top:4.3%;}div.menuIt

javascript - 阅读单选按钮值 - Angular 2

我正在尝试读取单选按钮值-Angular2,index.html索引.ts@Component({selector:'function',templateUrl:'./client/components/function/index.html',styleUrls:['./client/components/function/index.css'],providers:[],directives:[ROUTER_DIRECTIVES]})我需要根据单选按钮值是创建还是继续在html中显示一个div。我尝试过的:使用document.getElementById获取typescript文

javascript - Angular 5 默认值未默认选中

当您使用ngFor循环为选项创建选择时,未选择ngModel的默认值HTML:K1:{{keyboard|json}}{{a.name}}K2:{{keyboard2|json}}AZERTYQWERTYK2:{{keyboardStr|json}}AZERTYQWERTYK2-bis:{{keyboardStr|json}}AZERTYQWERTYK2-ter:{{keyboardStr|json}}AZERTYQWERTY组件:import{Component,OnInit}from'@angular/core';@Component({selector:'app-test',te

html - Angular Flex 布局 : Responsive layout combining row and column

我在学习flex-layout,并且我正在尝试创建响应式UI。我有多年使用引导网格系统的经验,但我似乎无法理解如何完成以下操作(livedemo):在大型显示器上:在中型显示器上:在手机上:如果我理解正确的话,我必须使用行和列的组合,就像下面的代码..codeleftout....codeleftout....codeleftout....codeleftout..在小屏幕上,布局从row更改为column,这意味着我已经为大型和移动显示器实现了上面的UI示例。问题:如何实现中型显示器的用户界面(见上图)?我无法理解如何组合row和column 最佳答案

angularjs - 以 Angular 形式形成输入数组

我正在学习Angular.js,我遇到了一个应该很简单的问题,但我似乎找不到答案。我想创建值为“connectedTeams”的表单输入,就像在html中这样:我在Angular上尝试了以下......但是它将相同的值绑定(bind)到所有3个输入。我知道这是有道理的,但我似乎无法弄清楚如何告诉它ng-model是user.connectedTeams.[](user>connectedTeams>添加到数组。我希望这足以让某人快速回答。 最佳答案 ng-model="user.connectedTeams[0]"ng-model=

html - Angular 2上传多个文件

我尝试上传多个文件(PDF或各种图像格式)。现在上传单个文件有效,但多个文件无效。这是代码:HTML:UploadPDF(s)orImages(PNG/JPG/DICOM/DCM):脚本:onChange(event:any){this.fileName=event.srcElement.files[0].name;}帮助我如何上传多个文件。 最佳答案 将multiple属性添加到您的输入中:要在您的输入中显示所有文件名,请像在这个plunker中那样做:https://plnkr.co/edit/WvkNbwXpAkD14r417

html - Angular 2 粘性页脚实现

我希望我的页脚成为粘性页脚并尝试遵循csstricksnegativemargintrick,但没有奏效。我试图在下面的plunker代码中模拟我的angular2应用程序。我希望贴纸不是固定的而是粘性的,并在主要部分中有更多内容时转到底部。请注意,页脚显示在主要部分的数据上方。http://plnkr.co/edit/WSUC4xLMWH6fY77UyFqI?p=preview&open=app%2Fapp.component.ts应用程序组件:Displaymyrouter-outlethere{{hero}}感谢任何修复和向下移动页脚的帮助。 最佳答案