Issue with *ngFor in Angular 4

[diegocurbelo12]

Hi All, I think I found an issue when try to use ngFor directive and iCheck

if you try something like:

<div *ngFor="let benefit of benefits">
                    <input type="checkbox" icheck>
                    <label class="check-label"> {{benefit.name}}</label>
</div>

where icheck is an angular directive only to write the jquery code

then the result is the Dom elements
<ins class="iCheck-helper" is getting size up to 500 px (or all parent elements) then checkbox not works, only select the last one.

any idea or workaround?

[ShivChatur]

*ngFor is not working.
Below POC shows, there is indeed a problem with "*ngFor" with angular 4.0

If code in case-1 is used then getting result-1, but when actual code (case-2) is used, then screen is empty.
case-1:

{{ mytitle }}

---

• {{ items }}

case-2:

{{ mytitle }}

---

• {{ item` }}

result-1:
Welcome to app!
Movie List
Movie one,Movie Two,Movie Three

result-2:
Blank Screen. Nothing is appearing

PFB ts of the ListComponent

//list.components.ts file
import { Component, OnInit } from '@angular/core';

@component({
selector: 'app-list',
templateUrl: './list.component.html',
styleUrls: ['./list.component.css']
})
export class ListComponent implements OnInit {
items = ['Movie one', 'Movie Two', 'Movie Three'];
mytitle: string='Movie List';
constructor() { }

ngOnInit() { }

}

[ShivChatur]

angular 4.0
*ngFor is not working

even for simple arrays
like items : any[] = ['one','two'];

so it wont work for object arrays as well
there is some bug