ngFor与列表标签选中效果

需求:Angular 6.x中用ngFor指令生成多个标签,想要默认选中第一个标签,并在点击其他标签的时候为对应标签添加选中效果。


牛客网导航标签效果.png

代码如下


说明

  1. this.pointer初始值为0,指向列表收个标签
  2. css选择器为.selected添加选中效果
  3. changePointer()改变this.pointer的值
  4. 参考:NgForOfContext

你可能感兴趣的:(ngFor与列表标签选中效果)