我有一个基本的 Angular Dart 程序,当前允许登录并在登录时显示一个基本仪表板。我想做的是在成功登录后重定向到仪表板路由。我不知道如何从登录控制器中访问路由器对象,尝试使用 DI 加载Router
到控制器工作中,但给了我一个新Router
对象而不是之前初始化的对象(如预期的那样)。
主要.dart
import 'package:angular/angular.dart';
import 'dart:convert' show JSON;
import 'dart:html';
class TTRouter implements RouteInitializer {
Cookies _cookies;
TTRouter(this._cookies);
init(Router router, ViewFactory view) {
router.root
..addRoute(
name: 'login',
path: '/login',
enter: view('login.partial.html'))
..addRoute(
name: 'home',
path: '/dashboard',
enter: view('dashboard.partial.html'));
}
}
@NgController(
selector: '[login-controller]',
publishAs: 'ctrl')
class LoginController {
Http _http;
Scope _scope;
LoginController(this._scope, this._http);
login() {
// Login API request ommitted
// TODO: insert redirect to 'home' route here
}
}
class TTModule extends Module {
TTModule() {
type(RouteInitializer, implementedBy: TTRouter);
type(LoginController);
factory(NgRoutingUsePushState,
(_) => new NgRoutingUsePushState.value(false));
}
}
main() => ngBootstrap(module: new TTModule());
login()
ng-submit="ctrl.login()
从登录局部视图调用使用。
如果我以错误的方式处理此问题,我也将感谢对代码结构的任何评论。我是 Dart 和 Angular 的新手(阅读/观看教程,但这是我自己构建的第一个应用程序)。