AngularDart英雄之旅教程抛出错误“英雄”不是函数吗?

时间:2018-07-17 19:30:25

标签: dart angular-dart

错误:“英雄”不是函数。 (位于[angular_dart_tour_of_heroes] lib \ app_component.dart:18处的invocation_of_non_function)

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>

2 个答案:

答案 0 :(得分:0)

听起来像您使用的Dart版本太旧,但仍需要现在可选的 User ID Language Content ID 0 10 A 4 1 11 A 6 2 10 B 6 3 11 B 6

答案 1 :(得分:0)

似乎您在Dart 1下使用的是Angular 5 / Dart 2版本的教程。您正在使用哪个版本的Dart SDK? (运行:dart --version)。

我建议使用 Angular 2和Dart 2

如果要使用 Dart 1.24.3 ,则需要Angular 4 version of the tutorial