gpt4 book ai didi

dart - AngularDART 组件

转载 作者:行者123 更新时间:2023-12-05 00:25:05 26 4
gpt4 key购买 nike

我在学习 AngularDART 组件时编写了以下简单代码,但没有显示任何内容,任何人都可以帮助我知道我犯了什么错误:

我的 html 主文件:

    <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="bootstrap.css">
<link rel="stylesheet" href="main.css">
<title>AngularDART training</title>
<script type="application/dart" src="main.dart"></script>
<script src="packages/browser/dart.js"></script>
</head>
<body ng-app>
<h1 id='text_id'>Welcome</h1>
<the-component></the-component>
</body>
</html>

main.dart 文件是:

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

@Component(
selector: 'the-component',
templateUrl: 'angularComponent.html',
cssUrl: 'angularComponent.css',
publishAs: 'cmp')
class myComponent {var name = 'Component';}

main() {
var module = new Module()
..bind(myComponent);

applicationFactory().addModule(module).run();
}

angularComponent.html 文件是:
<p>This is the angular: {{cmp.name}}</p> <the-component></the-component>不工作,不显示任何东西!

谢谢

最佳答案

Angular Transformer 从 lib 中挑选组件文件夹。如果您将组件的文件(.dart、.html、.css)放在其他文件夹(即 web )中,则需要在 pubspec.yaml 的转换器部分中指定它们。

例如,

transformers
- angular:
-html_files:
- absolute/path/to/your/html

希望这对你有用。

关于dart - AngularDART 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25089595/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com