草庐IT

angular2-social-login

全部标签

html - Angular 有效地使用 trackBy 和 ngFor

在Angular中,*ngFor是否需要trackBy函数?看了几篇here,here,here,和here也就是说使用trackBy会提高性能并具有更好的内存管理。但我想知道trackBy是否是这样的改进,那么为什么它不是默认行为?这是默认行为,我正在查看的所有内容都已过时吗?如果这不是默认行为,我的项目在90个组件中有大约90个*ngFor,我想知道是否有一种方法可以在我不包括以下函数90次的情况下使用trackBy。我还想避免添加服务并将其导入90次。HTML{{l.name}}TStrackByFn(index,item){returnindex}

javascript - Angular - 高度和宽度的属性绑定(bind)不适用于图像

我正在尝试在Angular中制作一个属性绑定(bind)示例。我决定拍摄一张图片,然后通过属性绑定(bind)放置它的所有3个属性——宽度、高度、src。令我惊讶的是,虽然没有错误,并且图像是由URL呈现的(url中没有错误),但宽度和高度仍然呈现为零(0)。为什么这个?据我所知Image将高度和宽度作为其属性。那么问题出在哪里呢?abc.component.html//Thisdoesnotwork-givesheight:0px,width:0px//Thisworks-rendersimage,withheight:100px,width:100px有人可以通过奇怪的行为来解释为

javascript - 在 div 中使用 ngFor 时 Angular 2 模板解析错误

为什么Angular2不允许我使用*ngFor在divblock内创建一组subview?案例:import{Component,Input}from'@angular/core';import{ChoiceComponent}from'./choice.component';import{Question}from'./model/Question';@Component({selector:'question',template:`{{question.text}}`,directives:[ChoiceComponent]})exportclassQuestionComponen

javascript - Angular Material 中居中对齐的网格列表

我想在AngularMaterial中获得居中对齐的网格列表。这是我的代码:{{item.name}}我得到这样的结果:但我想这样:我希望同一个网格列表居中对齐。这是fiddlecode. 最佳答案 您可以使用CSSFlexbox。使用display:flex和使用justify-content:center让你的父级(即md-grid-list)成为一个flex容器将其子项(即md-grid-tile)水平居中对齐。喜欢:md-grid-list{display:flex;flex-wrap:wrap;justify-conten

javascript - Angular 2 iframe混淆

我正在尝试更改Angular2中iframe内元素的值。我尝试了很多东西,但始终无法使用getElementById()引用项目。.我有一个测试场景在一种情况下有效,而在另一种情况下无效,这让我更加困惑:组件.html测试.htmlWow工作typescript(打印Wow)exportclassMyComponentimplementsAfterViewInit{@ViewChild('iframe')iframe:ElementRef;ngAfterViewInit(){vardoc=this.iframe.nativeElement.contentDocument;doc.ope

html - 如何以 Angular ( typescript )从浏览器获取客户端IP地址

嘿,如果你能给我一个类型脚本类可以获取客户端的IP地址和客户端正在使用的浏览器并在变量中设置这些值的示例,我将不胜感激我想在typescript中做这件事,而不是在javascript中是可能的,如果不行的话如何用typescript做-所以例如我可以在后台向数据库提交表单时设置这些变量例如,我可以为用户显示他正在使用的浏览器任何帮助将不胜感激谢谢 最佳答案 非常感谢,很好的解决方案我把它作为我的问题的基础,但我没有解决它,因为它给了我互联网服务器的公共(public)IP。对于使用DHCP的内部网络,通过以下方式更改URL:get

html - 创建一个 Angular 组件来显示一组 html 表格单元格以嵌入到其他表格中

我有很多html表格,它们共享相同的15列以及每个表格特定的自定义列。我想将这些常见的15列创建为一个组件,该组件接收一组数据并显示为没有包装器的15td。我不知道如何创建一个不在DOM中显示包装标签并允许我传入输入的Angular组件。以下是我想做的事情:Column1Anothercolumn不幸的是上面的代码,标记出现在呈现的DOM中,这会弄乱表格。我只能有td在tr下标签。我也试过自ng-container没有出现在DOM中,但我不知道如何传递data进入其中。 最佳答案 import{Component,TemplateR

javascript - Angular JS 处理 Ng 重复的 HTML5 视频和 $SCE

JSfiddle在这里:http://jsfiddle.net/TegFf/73/从这里answer,我知道Angular1.2附带启用了严格上下文转义(SCE)。这会影响对HTML5视频使用ng-src的表达式的解析器。我知道如果我将$sce.trustAsResourceUrl(videoURL)包裹在我的每个视频源周围,那么Angular将正常播放它们。但是,我正在从API返回视频源列表。遍历数组中的项目、将每个源分配为$sce.trustAsResourceUrl,然后在我的View中遍历该新数组对我来说代价高昂。将我的所有视频源分配为受信任的最有效方法是什么,而无需遍历所有视

html - 如何在 Angular2 应用程序中禁用 HTML5 表单验证?

我有一个表单,其中包含所需的电子邮件类型的输入。我想对该输入字段进行自定义验证,以便能够以不同语言显示错误消息。但是,目前输入字段是通过HTML5验证进行评估的。代码如下所示:是否可以禁用它,以便我能够实现自己的验证?验证码还没写。 最佳答案 包含如下没有验证属性的标签 关于html-如何在Angular2应用程序中禁用HTML5表单验证?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

html - CSS 中的三 Angular 形以固定高度占据整个宽度?

我试图在CSS中制作一个三Angular形,它占据父级的整个宽度和固定的高度。我用这样的线性渐变成功地做到了这一点:.triangle{width:100%;height:120px;background:linear-gradient(torightbottom,blue50%,transparent50%);}但是对Angular线看起来并不清晰。我如何在不使用渐变的情况下在CSS中做同样的事情? 最佳答案 你可以稍微模糊一下边缘.triangle{width:100%;height:120px;background:linea