AngularDart未能执行'；setAttribute'；在'；元素'；：'；）'；不是有效的属性名称

按照本教程中的步骤进行操作：

当app_component.dart如下所示时，一切正常：

import 'package:angular/angular.dart';
import 'package:angular_components/angular_components.dart';
import 'package:firebase/firebase.dart';

import 'src/todo_list/todo_list_component.dart';

// AngularDart info: https://webdev.dartlang.org/angular
// Components info: https://webdev.dartlang.org/components

@Component(
  selector: 'my-app',
  styleUrls: const ['app_component.css'],
  templateUrl: 'app_component.html',
  directives: const [materialDirectives, TodoListComponent],
  providers: const [materialProviders],
)

class AppComponent implements OnInit{
  // Nothing here yet. All logic is in TodoListComponent.
  int count = 0;
  DatabaseReference ref;


  dislike() {
    print("dislike");
  }

  like() {
    print("like");
  }


  @override
  ngOnInit() {
    initializeApp(
       apiKey: "AIzaSyAH7S_gsce9RtNI8w0z7doiP3ugVJM8ZbI",
       authDomain: "angulardart-firebase-io-2017.firebaseapp.com",
       databaseURL: "https://angulardart-firebase-io-2017.firebaseio.com",
       storageBucket: "angulardart-firebase-io-2017.appspot.com");


    ref = database().ref('counter');

    ref.onValue.listen((e) {
      count = e.snapshot.val();
    });
  }
}

app_component.html如下所示

{{count}}

但是，当我将app_component.html更改为以下内容时：

<button (click)="dislike()")>Dislike</button>
<span>{{count}}</span>
<button (click)="like()">Like</button>

在结束标记之前有一个额外的）标记，这是不允许的。错误消息不是很好。解析器正在更改，它将提供一条更好的错误消息，这条消息刚刚登陆，将出现在angular的下一个版本中

消息将更改为：

[SEVERE]: Error running TemplateGenerator for lib/buttons.dart.
Template parse errors:
line 1, column 16 of ButtonsExampleComponent: 
Expected whitespace before a new decorator
<section class="margin")>
               ^^^^^^^^

[严重]：运行lib/buttons.dart的TemplateGenerator时出错。
模板分析错误：
按钮示例组件第16列第1行：
在新的装饰程序之前需要空白
^^^^^^^^

在结束标记之前有一个额外的）字符，这是不允许的。错误消息不是很好。解析器正在更改，它将提供一条更好的错误消息，这条消息刚刚登陆，将出现在angular的下一个版本中

消息将更改为：

[SEVERE]: Error running TemplateGenerator for lib/buttons.dart.
Template parse errors:
line 1, column 16 of ButtonsExampleComponent: 
Expected whitespace before a new decorator
<section class="margin")>
               ^^^^^^^^

[严重]：运行lib/buttons.dart的TemplateGenerator时出错。
模板分析错误：
按钮示例组件第16列第1行：
在新的装饰程序之前需要空白
^^^^^^^^

2020，仍然收到几乎无用的错误消息。2020，仍然收到几乎无用的错误消息。