当前位置: 首页 > 编程笔记 >

Angular 2 结构指令

赏彭薄
2023-03-14
本文向大家介绍Angular 2 结构指令,包括了Angular 2 结构指令的使用技巧和注意事项,需要的朋友参考一下

示例

<div *ngFor="let item of items">{{item.description}}</div>

<span *ngIf="isVisible"></span>
           

 类似资料:
  • 我将开始一个新的项目,并试图了解应用程序的最佳结构。让我拥有以下页面:、、、、和。而导航顺序是 还是这种结构更好: 注意:这只是一个简单的示例,我的应用程序更适合模块化结构:)

  • @Component({ selector: 'app-root', template: ` <div class="tabs-selection"> <tab *ngFor="let tab of tabs; let i = index" [active]="isSelected(i)" (click)="setTab(

  • View Example 指令与我们看到的其他指令有不同的语法。 如果你熟悉for...of语句,你会注意到,他们几乎相同。 ngFor允许您指定要迭代的iterable对象,以及在范围内引用每个项的名称。 在我们的示例中,您可以看到该 可用于插值以及属性绑定。 该指令做一些额外的解析,所以当它扩展到模板形式,它看起来有点不同: View Example 请注意,模板元素上有一个奇怪的let-ep

  • 问题内容: 我不理解以下代码的行为。在创建作为结构指针切片的匹配结构列表时,代码始终会打印原始数组的最后一个元素(实际上不是匹配项),它会打印12和12。但是,如果将匹配项更改为[]窗口小部件代替[] * Widget,然后将输出10和11。 为什么是这样? 问题答案: 那是因为当您使用指针时,您将添加到数组。 请注意,实际上这是循环中使用的局部变量,因此,这不是您要添加到数组中的地址。 (即使变

  • selector: 'app-root', template: ` {{item}} </card> })