Questions tagged «angular2-template»

<div> <input #ipt type="text"/> </div> 是否可以从组件类访问模板访问变量？ 也就是说，我可以在这里访问它吗， class XComponent{ somefunction(){ //Can I access #ipt here? } }

107 angular  typescript  angular2-template 

我们目前正在开发一个具有定期更新的新项目，我们的一位客户每天都会使用该更新。这个项目是使用angular 2开发的，我们面临着缓存问题，即我们的客户没有看到他们机器上的最新变化。 主要是js文件的html / css文件似乎已正确更新而不会带来太多麻烦。

104 caching  angular  browser-cache  cache-control  angular2-template 

我无法将此代码从Angualr 1转换为Angular 2： ng-repeat="todo in todos | orderBy: 'completed'" 这是我根据蒂埃里·坦佩利（Thierry Templier）的回答所做的： 组件模板： *ngFor="#todo of todos | sort" 组件代码： @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) 管道代码： import { Pipe } from "angular2/core"; import {Todo} from './todo'; @Pipe({ name: "sort" }) export class TodosSortPipe { transform(array: …

97 angular  angular2-template  angular-pipe 

请参阅https://angular.io/docs/ts/latest/guide/displaying-data.html并堆栈如何使用* ng检查angular 2模板中的空对象如果仍然遇到语法错误，则自身上下文未定义。如果我删除* ngIf条件，那么如果我在其中添加一些值，那么我将在teamMembers中获取值，以便可以访问teamMembers中的值。 我的teamMember对象是[ ] array我正在尝试检查条件数组的大小是否为空。 尝试： <div class="row" *ngIf="(teamMembers | json) != '{}'"> 和 <div class="row" *ngIf="teamMembers.length > 0"> //Check length great than throwing syntax error <div class="col-md-12"> <h4>Team Members</h4> <ul class="avatar" *ngFor="let member of teamMembers"> <li><a href=""><gravatar-image [size]="80" [email]="member.email"></gravatar-image></a></li> </ul> </div> </div> 零件 ： @Component({ selector: 'pbi-editor', …

89 angular  angular2-template 

我想将字符串值传递给angular2中的组件，但是它不适用于默认绑定。我在想类似的东西： <component [inputField]="string"></component> 不幸的是，赋值的右侧仅允许使用表达式。有没有办法做到这一点？

85 angular  angular2-template 

同一模板中可以有多个路由器出口吗？ 如果是，那么如何配置路由？ 我正在使用angular2 beta。

81 angular  angular2-routing  angular2-template 

我正在开发Angular2（测试版8）中的组件。该组件具有一个文本框和一个下拉列表。我想在组件加载后或下拉菜单发生更改事件时立即在文本框中设置焦点。我将如何在angular2中实现这一目标。以下是该组件的HTML。 <div> <form role="form" class="form-horizontal "> <div [ngClass]="{showElement:IsEditMode, hidden:!IsEditMode}"> <div class="form-group"> <label class="control-label col-md-1 col-sm-1" for="name">Name</label> <div class="col-md-7 col-sm-7"> <input id="name" type="text" [(ngModel)]="person.Name" class="form-control" /> </div> <div class="col-md-2 col-sm-2"> <input type="button" value="Add" (click)="AddPerson()" class="btn btn-primary" /> </div> </div> </div> <div [ngClass]="{showElement:!IsEditMode, hidden:IsEditMode}"> <div class="form-group"> <label class="control-label col-md-1 col-sm-1" for="name">Person</label> <div …

78 angular  angular2-template  angular2-forms 

我正在使用Angular2和Typscript。我有一个枚举： export enum Role { ServiceAdmin, CompanyAdmin, Foreman, AgentForeman, CrewMember, AgentCrewMember, Customer } 我想使用* ngFor遍历枚举。做这个的最好方式是什么？我必须创建一个管道吗？还是有更简单的方法？

76 angular  angular2-template 

给定一个简单的输入元素，我可以这样做： <input [(ngModel)]="name" /> {{ name }} 这不适用于我的自定义元素： <my-selfmade-combobox [(ngModel)]="name" values="getValues()" required></my-selfmade-combobox> 如何实施？

74 angular  angular2-template  angular2-directives 

我正在Angular2应用程序上工作，我需要显示-但disable一个<a> HTML元素。正确的方法是什么？ 更新 请注意*ngFor，这会阻止使用选项，*ngIf而不是<a>完全渲染。 <a *ngFor="let link of links" href="#" [class.disabled]="isDisabled(link)" (click)="onClick(link)"> {{ link.name }} </a> 该打字稿组件有一个方法，看起来像这样： onClick(link: LinkObj) { // Do something relevant with the object... return false; } 我实际上需要防止元素被单击，而不仅仅是与CSS一起出现。我以为我首先需要潜在地绑定到该[disabled]属性，但这是不正确的，因为锚元素没有disabled属性。 我查看并考虑过使用，pointer-events: none但这妨碍了我的cursor: not-allowed工作方式－这是要求的一部分。

73 html  dom  typescript  angular  angular2-template