DARTFMT 搞乱了 @Component 装饰器格式

Question

这是一个错误，所以我不知道我是否在正确的地方发帖。如果这是错误的地方，请告诉我在哪里发帖。

您在下面看到的是通过在下面的代码上运行 dartfmt 生成的确切格式。如您所见，@Component 装饰器的格式非常糟糕。

我正在使用最新的 Dart 2 开发人员版本提供的 Dartfmt 1.0.12。

import 'package:angular/angular.dart';
import 'package:angular_router/angular_router.dart';

import 'routes.dart';

@Component(selector: 'my-app', templateUrl: 'app_component.html', directives: [
  routerDirectives
], providers: [
  const ClassProvider(Routes),
], styleUrls: [
  'package:angular_components/app_layout/layout.scss.css'
])
class AppComponent {
  final Routes routes;

  AppComponent(this.routes);
}

Answer 1

在 @Component(...) 的右括号之前插入一个逗号，您可能会得到您所期望的结果。

这是 dartfmt 插入逗号后产生的结果：

import 'package:angular/angular.dart';
import 'package:angular_router/angular_router.dart';

import 'routes.dart';

@Component(
  selector: 'my-app',
  templateUrl: 'app_component.html',
  directives: [routerDirectives],
  providers: [
    const ClassProvider(Routes),
  ],
  styleUrls: ['package:angular_components/app_layout/layout.scss.css'],
)
class AppComponent {
  final Routes routes;

  AppComponent(this.routes);
}