Angular 7 - 使用ngFor将数组中的最后一项变为链接_编程开发

Angular 7 - 使用ngFor将数组中的最后一项变为链接

创始人

2024-10-16 16:01:30

0次

要将数组中的最后一项变为链接，可以使用以下方法：

在组件中定义一个数组和一个变量，用于存储链接和数组的最后一项。例如：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    
      Links
      
        
          {{link}}
          {{link}}
        
      
    
  `,
})
export class AppComponent {
  links = ['Link 1', 'Link 2', 'Link 3'];
  lastLink = '';

  constructor() {
    this.lastLink = this.links[this.links.length - 1];
  }
}

在模板中使用*ngFor指令循环遍历数组，并使用let last = last语法来判断是否为最后一项。
使用*ngIf指令在模板中动态地显示不同的链接。如果不是最后一项，显示普通链接；如果是最后一项，显示特殊链接。
在组件的构造函数中，将数组的最后一项赋给变量lastLink。

这样，就可以将数组中的最后一项变为链接了。

上一篇：Angular 7 - 使用ng-content投影对表格的trs进行排序

下一篇：Angular 7 - 使用tab键在<li>之间进行导航

Angular 7 - 使用ngFor将数组中的最后一项变为链接

Links

相关内容

热门资讯