路由时将AngularDart组件放在子文件夹中

时间:2018-06-18 13:49:36

标签: dart angular-dart angular-dart-routing

根据this tutorial,在Angular for Dart中定义路线时,您需要导入相关组件的template.dart个文件:

import 'crisis_list_component.template.dart' as clct;
import 'hero_list_component.template.dart' as hlct;

我已将我的组件放在此代码所在文件夹的子文件夹中。我在lib/src/routes.dart中有导入代码:

import 'components/foobar/foobar_component.template.dart' as fct;

lib/src/components/foobar/foorbar_component.dart中的Foobar组件。

当我在foobar_component.dart中有src代码(即与routes.dart相同的文件夹)时,没问题。但当我将它移动到自己的子文件夹时,我收到错误:

  

无法找到某些来源的模块[...]请检查以下导入:import 'components/foobar/foobar_component.template.dart'

如何在子文件夹中找到该组件?

1 个答案:

答案 0 :(得分:3)

您可以使用

import '../../components/foobar/foobar_component.template.dart' as fct;

但通常情况下,最好不要在导入中使用../,而是使用包导入

import 'package:my_package/web/src/components/foobar/foobar_component.template.dart' as fct;

其中my_packagename: ...pubspec.yaml中使用的字符串,lib/中的字符串会在导入文件的路径中跳过。