no-unused-css ignores elements with structural directives

[tmair]

When a template contains a structural directive, the no-unused-css rule ignores the element.

The following example will report a Unused Style violation.

@Component({
  selector: 'hero-cmp',
  template: `
    <h1>Hello <div ><span></span>{{ her.name }}</div></h1>
  `,
  styles: [
    `
    h1 spam {
      color: red;
    }
    `
  ]
})
class Hero {
  private hero: Hero;

  test=true;

  ngOnInit() {
    console.log('Initialized');
  }
}

If we change the code slightly to the following, the violation is not present anymore.

@Component({
  selector: 'hero-cmp',
  template: `
    <h1>Hello <div *ngIf="test"><span></span>{{ her.name }}</div></h1>
  `,
  styles: [
    `
    h1 spam {
      color: red;
    }
    `
  ]
})
class Hero {
  private hero: Hero;

  test=true;

  ngOnInit() {
    console.log('Initialized');
  }
}