Dart implementation of Angular 2 directive ngFor generating error

Question

The following compile time error is generated when trying to use the ngFor directive in the Dart implementation of Angular 2 Beta 0.

Property binding ngForOf not used by any directive on an embedded  template ("[ERROR ->]
<div *ngFor="#item of items">
{{item}}
</div>"):

Component:

library design;

import 'package:angular2/angular2.dart';

@Component(
    selector: 'design-component',
    templateUrl: 'design.html',
    viewProviders: const [CORE_DIRECTIVES]
)
class DesignComponent {
   List<String> items = ["One", "Two", "Three"];
}

Template:

<div *ngFor="#item of items">
   {{item}}
</div>

Any suggestions or help would be appreciated.

Günter Zöchbauer · Accepted Answer · 2015-12-21 05:03:04Z

4

viewProviders should be directives. viewProviders are for dependency injection.

answered Dec 21, 2015 at 5:03

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Suresh Over a year ago

I am still getting the same error when trying to use the ng2_form_examples with Angular 2 Beta. Property binding ng-forOf not used by any directive on an embedded template (github.com/ng2-dart-samples/ng2_form_examples/blob/…)

Günter Zöchbauer Over a year ago

Actually it works for me. I just missed that I had another ng-for in the template of my example application. After I changed that to ngFor as well all worked fine.

mauricio777 · Accepted Answer · 2016-01-13 18:06:48Z

0

What worked for me was changing:

<li *ng-for="#name of friendNames">

To:

<li *ngFor="#name of friendNames">

In my template.

Here is my Component:

@Component(selector: "app",
           directives: const [NgFor],
           templateUrl: 'app_component.html')
class AppComponent{
    List<String> friendNames = const ["a", "b", "c"];
}

Gunther Zochbauer mentions this in comment to his answer.

answered Jan 13, 2016 at 18:06

mauricio777

1,4361 gold badge17 silver badges15 bronze badges

Collectives™ on Stack Overflow

Dart implementation of Angular 2 directive ngFor generating error

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related