3
我有一個相當大的Web應用程序，它使用AngularDart 0.14.0中的@Controller註釋來構建。 @Controller註釋已被刪除，所以我需要遷移到其他東西。所以我的問題是我遷移到什麼地方，我該如何去做。我查看了@Component註釋的文檔，但是我沒有看到無需遷移到大量返工的方法。我希望我失去了一些東西。我看過其他類似的問題，但他們都沒有讓我找到解決辦法。從AngularDart 0.14.0遷移到1.0.0
這裏是我如何使用@Controller的簡化示例。
pubspec.yaml
name: Admin
description: Server Admin Page
dependencies:
angular: 0.14.0
transformers:
- angular:
html_files: web/index.html
的index.html
<!DOCTYPE html>
<html ng-app>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Server Configuration</title>
</head>
<body>
<div admin id="container">
<div id="header">
<div id="app-header"><span id="app-name">Server Configuration</span></div>
<div class="tab-panel ng-cloak" >
<div class="{{ctrl.selectedTab != null && tab.name == ctrl.selectedTab.name ? 'tab-selected' : 'tab'}}" ng-repeat="tab in ctrl.tabs">
<div class='tab-inner' ng-click='ctrl.selectTab(tab)'>{{tab.name}}</div>
</div>
</div>
</div>
<div id="body">
<div class="ng-cloak" ng-if="ctrl.selectedTab != null" >
<div>{{ctrl.selectedTab.name}} Content</div>
</div>
</div>
</div>
<script type="application/dart" src="index.dart"></script>
<script type="text/javascript" src="packages/browser/dart.js"></script>
</body>
</html>
index.dart
import 'package:angular/angular.dart';
import 'package:angular/application_factory.dart';
@Controller(
selector: '[admin]',
publishAs: 'ctrl')
class AdminPage{
AbstractTab selectedTab;
List<AbstractTab> tabs = new List<AbstractTab>();
AdminPage()
{
tabs.add(new AbstractTab("tab1","tab"));
tabs.add(new AbstractTab("tab2","tab"));
this.selectTab(tabs.first);
}
void selectTab(AbstractTab tab)
{
this.selectedTab = tab;
this.selectedTab.load();
}
}
class AbstractTab{
String name;
String type;
AbstractTab(this.name,this.type);
load()
{
print("loading $name");
}
}
class MyAppModule extends Module {
MyAppModule() {
bind(AdminPage);
}
}
void main() {
applicationFactory()
.addModule(new MyAppModule())
.run();
}
更新：
我的更新index.dart文件現在看起來是這樣的，一切工作在AngularDart 1.0.0。感謝您的幫助。
import 'package:angular/angular.dart';
import 'package:angular/application_factory.dart';
class AdminPage{
AbstractTab selectedTab;
List<AbstractTab> tabs = new List<AbstractTab>();
AdminPage()
{
tabs.add(new AbstractTab("tab1","tab"));
tabs.add(new AbstractTab("tab2","tab"));
this.selectTab(tabs.first);
}
void selectTab(AbstractTab tab)
{
this.selectedTab = tab;
this.selectedTab.load();
}
}
class AbstractTab{
String name;
String type;
AbstractTab(this.name,this.type);
load()
{
print("loading $name");
}
}
@Injectable() // don't forget that
class GlobalController {
AdminPage ctrl;
GlobalController() {
ctrl = new AdminPage();
}
}
void main() {
applicationFactory().rootContextType(GlobalController).run();
}