dart - AngularDart路线

标签 dart angular-dart

谁能告诉我我的男女同志出了什么问题:

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

class myApp extends Module {
    myApp() {
        bind(RouteInitializerFn, toValue: initRoutes);
    }
}

void initRoutes(Router router, RouteViewFactory views) {
views.configure({
  'new': ngRoute(path: '/new', view: 'new.html'),
  'demohome': ngRoute(path: '/list', view: 'list.html')
 });
}

main() {

 var module = new Module()
  ..bind(myApp);

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

html文件非常简单,我只想测试路由,因为我注意到这方面发生了许多变化:


新的条目



谢谢

最佳答案

感谢大家的帮助,现在我让他在以下代码下可以完美工作:

  // the main.dart file;
      import 'package:angular/angular.dart';
      import 'package:angular/application_factory.dart';
      import 'package:angular/routing/module.dart';

      class myApp extends Module {
          myApp() {
            bind(RouteInitializerFn, toValue: initRoutes);
            bind(User);
          }
      }

      void initRoutes(Router router, RouteViewFactory views) {
      views.configure({
        'new': ngRoute(path: '/new', view: 'new.html'),
        'demohome': ngRoute(path: '/list', view: 'list.html')
       });
      }

      main() {         
        applicationFactory().addModule(new myApp()).run();
      }

      @Controller(
          selector: '[user-input]',
          publishAs: 'userCtrl') 

      class User {
        String userName = 'defaultName';
      }

和html文件是:

  <!doctype html>
  <html ng-app>

    <head>
      <meta charset="utf-8">
      <title>AngulrRoute Test</title>
      <link rel="stylesheet" href="todo.css">
    </head>

    <body>
        <h1>AngulrRoute Test</h1>

        <div user-input>Hello user {{userCtrl.userName}}!</div>

      <nav>
        <a href="/list">List</a>
        <a href="/new">New Entry</a>
      </nav>
      <ng-view></ng-view>


  <script type="application/dart" src="todo.dart"></script>
  <script type="text/javascript" src="packages/browser/dart.js"></script>


    </body>
  </html>

关于dart - AngularDart路线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25050122/

相关文章:

dart - 为什么AngularDart不使用rxDart之类的 typescript 版本?

angular - 如何在Angular Dart项目中将Material-icon颜色更改为angular_components的白色?

dart - 使用Angular2输入onchange

angular - 将路由注入(inject)路由器导出会引发 'boolean expression must not be null' 错误

dart - 如何使NgComponent样式在Chrome/Firefox中工作,

flutter - 使用其有状态小部件访问状态类的方法?

dart - 在 Dart 中定义一个接受参数的 getter

flutter - flutter 如何从共享首选项中删除特定 key

flutter - 使用 SliverAppBar flutter 设计这个动画

angularjs - Angular - polymer 相互作用