AngularDart 英雄之旅教程抛出错误 'Hero' 不是函数?
AngularDart tour of heroes tutorial throws an error 'Hero' isn't a function?
错误:'Hero' 不是函数。 (invocation_of_non_function 在 [angular_dart_tour_of_heroes] lib\app_component.dart:18)
hero.dart
class Hero {
final int id;
String name;
Hero(this.id, this.name);
}
app_component.dart
import 'package:angular/angular.dart';
import 'package:angular_components/angular_components.dart';
import 'hero.dart';
@Component(
selector: 'my-app',
styleUrls: const ['app_component.css'],
templateUrl: 'app_component.html',
directives: const [materialDirectives,],
providers: const [materialProviders],
)
class AppComponent {
final title = 'Tour of Heroes';
Hero hero = Hero(1, 'Windstorm');
}
app_component.html
<h1>{{title}}</h1>
<h2>{{hero.name}}</h2>
<div><label>id: </label>{{hero.id}}</div>
<div><label>name: </label>{{hero.name}}</div>
听起来您使用的 Dart 版本太旧,仍然需要现在可选的 new
您似乎在 Dart 1 下使用 Angular 5 / Dart 2 版本的教程。您使用的是哪个版本的 Dart SDK? (运行: dart --version
).
我建议使用 Angular 2 和 Dart 2。
如果你想使用 Dart 1.24.3,那么你需要 Angular 4 version of the tutorial.
错误:'Hero' 不是函数。 (invocation_of_non_function 在 [angular_dart_tour_of_heroes] lib\app_component.dart:18)
hero.dart
class Hero {
final int id;
String name;
Hero(this.id, this.name);
}
app_component.dart
import 'package:angular/angular.dart';
import 'package:angular_components/angular_components.dart';
import 'hero.dart';
@Component(
selector: 'my-app',
styleUrls: const ['app_component.css'],
templateUrl: 'app_component.html',
directives: const [materialDirectives,],
providers: const [materialProviders],
)
class AppComponent {
final title = 'Tour of Heroes';
Hero hero = Hero(1, 'Windstorm');
}
app_component.html
<h1>{{title}}</h1>
<h2>{{hero.name}}</h2>
<div><label>id: </label>{{hero.id}}</div>
<div><label>name: </label>{{hero.name}}</div>
听起来您使用的 Dart 版本太旧,仍然需要现在可选的 new
您似乎在 Dart 1 下使用 Angular 5 / Dart 2 版本的教程。您使用的是哪个版本的 Dart SDK? (运行: dart --version
).
我建议使用 Angular 2 和 Dart 2。
如果你想使用 Dart 1.24.3,那么你需要 Angular 4 version of the tutorial.