个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我在用 Angular Dart 显示嵌套 View 时遇到问题。顶层导航工作正常，但我无法在团队 View 中导航。我知道1.0版本刚刚发布，但我希望有人能给我一个提示或解决方案:
这是路由器(fremad_route_initializer.dart):
part of fremad;
void fremadRouteInitializer(Router router, RouteViewFactory view) {
view.configure({
'home': ngRoute(
path: '/home',
viewHtml: '<home-view></home-view>',
defaultRoute: true
),
'team': ngRoute(
path: '/team',
viewHtml: '<team-view></team-view>',
mount: {
"fixture" : ngRoute(
path: '/fixture',
viewHtml: '<show-team-fixture></show-team-fixture>'
),
"table" : ngRoute(
path: '/table',
viewHtml: '<show-team-table></show-team-table>'
)
}),
'sponsors': ngRoute(
path: '/sponsors',
viewHtml: '<sponsors-view></sponsors-view>'
)
});
}
library fremad;
import 'dart:html' as html;
import 'dart:async';
import 'dart:convert';
import 'package:angular/angular.dart';
import 'package:angular/animate/module.dart';
part 'components/header_component.dart';
part 'components/main_menu_component.dart';
part 'components/footer_component.dart';
part 'components/home_view_component.dart';
part 'components/sponsors_view_component.dart';
part 'components/team_view_component.dart';
part 'components/team/fixture_view_component.dart';
part 'components/team/table_view_component.dart';
part 'fremad_route_initializer.dart';
part 'global_http_interceptors.dart';
class FremadApp extends Module {
FremadApp(){
bind(HeaderComponent);
bind(MainMenuComponent);
bind(FooterComponent);
bind(ShowHomeComponent);
bind(ShowSponsorsComponent);
bind(ShowTeamComponent);
bind(ShowTeamFixtureComponent);
bind(ShowTeamTableComponent);
bind(RouteInitializerFn, toValue: fremadRouteInitializer);
bind(NgRoutingUsePushState, toValue: new NgRoutingUsePushState.value(false));
bind(UrlRewriter, toImplementation: FremadUrlRewriter);
}
}
@Injectable()
class FremadUrlRewriter implements UrlRewriter {
String call(url) =>
url.startsWith('lib/') ? 'packages/fremad/${url.substring(4)}' : url;
}
<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fremad</title>
<link rel="stylesheet" href="fremad.css">
</head>
<body>
<div id="wrapper">
<header-item></header-item>
<main-menu></main-menu>
<div id="wrapper-body">
<ng-view></ng-view>
<div class="clearfix"></div>
</div>
<footer-item></footer-item>
</div>
<script async type="application/dart" src="fremad_main.dart"></script>
<script async src="packages/browser/dart.js"></script>
</body>
</html>
<nav id="team-nav">
<ul>
<li><a href="#/team/about">About</a></li>
<li><a href="#/team/players">Players</a></li>
<li><a href="#/team/fixtures">Fixtures</a></li>
<li><a href="#/team/table">Table</a></li>
</ul>
</nav>
<ng-view></ng-view>
part of fremad;
@Component(
selector: 'team-view',
publishAs: 'ctrl',
templateUrl: 'packages/fremad/components/team_view.html',
useShadowDom: false
)
class ShowTeamComponent {
void create() {
html.window.console.info("Is in ShowTeamComponent");
}
}
part of fremad;
@Component(
selector: 'team-fixture-view',
publishAs: 'ctrl',
templateUrl: 'packages/fremad/components/team/fixture_view.html',
useShadowDom: false
)
class ShowTeamFixtureComponent {
void create() {
html.window.console.info("Is in ShowTeamFixtureComponent");
}
}
最佳答案
只是一个愚蠢的错误:
在fremad_route_initializer.dart中，我使用了“show-team-fixture”；在fixture_view_component.dart中，我使用了“team-fixture-view”。现在正在工作..
关于dart - 角 Dart 中的嵌套路径，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26392156/
25
4
0
我有一个相当冗长的命令行程序，它需要用户输入参数，然后使用这些参数进行处理。我想做的是将程序拆分为交互式和非交互式。我试图这样做，并打算让非交互式程序“调用”交互式程序并使用结果(参数)，基于这些参数
谁能解释为什么我们在构造函数的参数中使用大括号。 class Cars { String carName; bool isAuto; // create the constructor
我想知道是否有Dart函数，例如PHP的 strrev()。如果没有，您能否请向我展示任何源代码如何自行实现？ 谢谢。 最佳答案 我还没有在API中找到一个新的Dart用户(截至今天下午)。但是，以任
我有一个组件，我想根据一个 bool 值绑定(bind)一个不同的 css 类。我的组件代码中有以下内容: bindCssClass(div, "open", this, "task.isOpen")
我一直在研究如何在dart中播放.wav文件，并且已经能够通过dart:html库中定义的AudioElement成功完成此操作。但是，我对使用dart:web_audio库感兴趣，并且遇到了所有这些
Dart 是否旨在实现许多与 Haxe 相同的功能，以便能够针对其他语言和运行时？它是语言和工具的既定目标还是已知目标？ 最佳答案 不。Dart 专门针对 web 应用程序开发(更具体地说，客户端 w
我正在尝试让 dart 正常工作。作为编辑器，我想使用 emacs dart-mode。我有两个关于在没有 dart 编辑器的情况下使用 dart 的问题: 1) 我是否需要手动调用 dart2js，
我正在使用列表来创建墨水瓶按钮。我想将列表放在一个单独的 dart 文件中，并将该文件导入到我使用列表的文件中。我不知道如何导入列表。 https://pastebin.com/mf0kvsGu 我制
我正在编写一个 flutter 应用程序，它通过蓝牙 (FlutterBlue) 向设备发送命令。该设备控制一些 LED。通信总体上运行良好，但是:在用户界面上，我有一个控制光强度的 slider 。
我正在使用来自 Get started: command-line and server apps | Dart 的说明.运行 dart --version 时，我得到: Dart VM versio
var c 返回 3 但 10/7=1.4285，其余为 0.4285，operator % 有错误？ void main() { var a = 10; var b = 7; var c
如文档中所述: The const keyword isn’t just for declaring constant variables. You can also use it to create
在 Dart 中，我如何最好地编写相当于(不可变/值/非对象) 的代码输出或引用参数 ? 例如在 C#-ish 中，我可能会编码: function void example() { int re
Dart 支持的多重继承机制有哪些？ 最佳答案 不，Dart 不支持多重实现继承。 Dart 具有接口(interface)，并且与大多数其他类似语言一样，它具有多个接口(interface)继承。
我正在寻找有关如何制作可以采用位置子参数的 web 组件的资源。就像是: {{value}} // this could be any uneditable element {{value}
使用polymer.dart 的Dart 应用程序的pubspec.yaml 文件如下所示(来自Polymer.dart Code Lab): name: polymer_and_dart descr
今天我决定开始学习 Dart 语言，我从 Tour 开始，那里有一个例子: // These work in a const string. const aConstNum = 0; const aC
我正在查找字符串类和其他一些资源，试图了解如何格式化字符串。首先，我试图将数字填充到字符串中，但不是精度。 例子: int a = 0, b = 5, c = 15, d = 46; String
我知道的大部分是Javascript。我相信“列表”是 Dart 最接近数组的东西，但它们在技术上是一样的吗？将它们视为数组是错误的吗？同样， map 会被视为对象吗？我意识到可能存在差异，但进行这种
现在，白色背景刺痛了我的眼睛，因为这是一个looong的黑夜。是否可以从 Dart 编辑器 (v 0.1) 更改主题(更改为更暗的主题)？选择背景颜色和语法高亮怎么样？ 最佳答案 是的，这是可能的，我
我是一名优秀的程序员,十分优秀！