angular2-template专题提供angular2-template的最新资讯内容,帮你更好的了解angular2-template。
使用Angular 2,我想在模板中复制一行多次。迭代对象很容易,* ngFor =“#对象的对象”。但是,我想运行一个简单的循环,而不是foreach循环。 (伪代码): {for i = 0; i < 5; i++} <li>Something</li> {endfor} 我该怎么做? 您可以动态地生成一个数组,但是您希望渲染 <ul> <li *ngFor="let item of
我需要在Angular2的每个项目的列表中重复几个li元素。在角度1.x中,我使用了ng-repeat-start和ng-repeat-end。我在Angular 2中找不到正确的方法。有 some older blog posts关于这个,但他们的建议不适用于Angular2的最新beta。 应该为每个类别重复所有< li>元素: (我通常会使用属性* ngFor =“#类别” – 但我找不到放
我有一个组件从服务器获取项目列表,然后使用* ngFor在模板中显示该列表。 我想要列表显示一些动画,但一个接一个。我的意思是每个列表项应该在其他动画之后。 我正在尝试这样的事情: import { Component, Input, trigger, state, animate, transition, style } from '@angular/core'; @Component({
在我的Angular 2组件中,我有一个Observable数组 list$: Observable<any[]>; 在我的模板我有 <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | a
我需要在Angular2中做同样的事情: <?php foreach ($somethings as $something) { foreach ($something->children as $child) { echo '<tr>...</tr>'; } } 这可以通过ngFor实现,而不是在< table>之间添加新的元素和< tr> 我有一个可能类似于你想
给定一个简单的输入元素我可以这样做: <input [(ngModel)]="name" /> {{ name }} 这不适用于我的自定义元素: <my-selfmade-combobox [(ngModel)]="name" values="getValues()" required></my-selfmade-combobox> 如何实现? 我认为这个链接会回答你的问题: > Angular
我有一个Angular 2组件,我想要检索一个元素div < div id =“myId”>通过它的身份.我尝试在我的组件(TypeScript)中执行:document.getElementById(“myId”),但是我收到一个错误:“找不到名称文档”.我看到在其他帖子中我们可以使用@ViewChild做类似的事情,但我不知道我们如何使用div,任何想法? 您可以通过添加 TemplateRe
我读过 NgStyle Documentation For Angular2.对我来说有点困惑.关于如何使用NgStyle与条件(if … else)来设置任何元素的背景图像的任何想法? 在ngStyle绑定中使用三元运算符将用作if / else条件. <div [ngStyle]="{'background-image': 'url(' + value ? image : otherImage
我正在使用Angular2和Typscript。我有一个枚举: export enum Role { ServiceAdmin, CompanyAdmin, Foreman, AgentForeman, CrewMember, AgentCrewMember, Customer } 我想使用* ngFor迭代枚举。做这个的最好方式是什么?我必须创建一个管道吗?或者有更简单的方法吗
我在Angular 2模板中遇到了一个奇怪的赋值语法. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> 似乎let-col和let-car =“rowData”创建了两个新变量col
我有一个输入字段映射到我的控制器中的实体与ngModel双向绑定. <input type="text" [(ngModel)]="entity.one_attribute" /> 当我初始化我的控制器时,我有这个实体: { one_attribute: null } 如果用户开始填写该字段但未立即提交表单并清空该字段,则我的实体将更新为: { one_attribute: "" } 是否可以定义
有没有办法制作双向绑定输入组件,也可以在组件内部进行验证? 我想要实现的是拥有一个我可以在我的表单中排列的组件,如下所示: <form #f="ngForm"> <my-form-input [(inputModel)]="name" [inputField]="myFormInputName"></my-form-input> <my-form-i
参见英文答案 > how to change page title in angular2 router                                    12个 我正在努力完成 Angular 2 documentation on routing.我有一个示例应用程序,它显示了两个组件,这些组件被路由并连接到导航链接. Here is a Plunker展示了这种行为.它是在
我制作了一个组件,其中我有一个输入字段和按钮.单击按钮我正在绘制第二个组件.我想将数据从一个组件发送到另一个组件? 我将如何将数据从一个组件发送到另一个组件.我需要发送输入值(输入字段中的用户类型)我需要在下一个组件或下一页显示.单击按钮.如何发送数据? 这是我的傻瓜 http://plnkr.co/edit/IINX8Zq8J2LUTIyf4DYD?p=preview import {Compo
我的页面中有一个子导航,在公共主视图下方显示一些子视图.我想通过< router-outlet>将对象传递给子视图.这样我就可以在主组件中检索一次数据,然后与我的子组件共享它. 注意:如果我包含指令< one>< / one>在main.html它可以工作,但这不是我想要的行为. 主要观点: <h1>Details</h1> <a [router-link]="['./sub1']">One
对于类似I18n的组件,我希望将组件内容作为字符串来获取后备值,以防我的I18n服务什么都没有,这个值应该是一个后备值. I18n服务获取方法: public get(key:string, defaultValue?:string, variables:Variables = {}, domain?:str
我的目标是创建子组件并插入父组件模板.有一些例子可以做到这一点.但是,我在父组件中动态创建父组件模板(DOM元素),而大多数示例静态创建带有capture元素的模板. 这是代码 app.component import {Component, ViewChild, ViewContainerRef, ComponentFactoryResolver} from '@angular/core'; i
我最近构建了以下Angular 2 Read More组件.该组件的作用是使用“Read more”和“Read less”链接折叠和扩展长文本块.不是基于字符数,而是基于指定的最大高度. import { Component, Input, ElementRef, AfterViewInit } from '@angular/core'; @Component({ selector:
假设我有一个接口(或实际组件)ListItemRenderer和一个实现该接口的组件MyRendererComponent(或扩展基本组件) @Component({ selector: 'my-renderer', template: '<div>My renderer</div>' }) export class MyRendererComponent implements L
我们正在使用PrimeNG 1.0.0-beta.16的p-dataTable 我想在值为true时向行添加样式. 我想出了如何用单元格做这个,但我需要整行改变它的背景. <p-dataTable [hidden]="loading" [value]="timePeriods" scrollable="true" scrollHeight="400px" rowStyleClass="missin