clarify/improve imports & import discussion
This commit is contained in:
parent
9907ef265e
commit
f293d61875
@ -18,7 +18,6 @@
|
|||||||
|
|
||||||
code-tabs
|
code-tabs
|
||||||
code-pane(language="dart" name="web/main.dart" format="linenums").
|
code-pane(language="dart" name="web/main.dart" format="linenums").
|
||||||
import 'package:angular2/angular2.dart';
|
|
||||||
import 'package:angular2/bootstrap.dart';
|
import 'package:angular2/bootstrap.dart';
|
||||||
import 'package:displaying_data/show_properties.dart';
|
import 'package:displaying_data/show_properties.dart';
|
||||||
|
|
||||||
@ -50,9 +49,14 @@
|
|||||||
entry_points: web/main.dart
|
entry_points: web/main.dart
|
||||||
p.
|
p.
|
||||||
All of this code should look familiar from the previous page,
|
All of this code should look familiar from the previous page,
|
||||||
except for the import of <code>show_properties.dart</code>
|
except for the imports in <code>main.dart</code>.
|
||||||
in <code>main.dart</code>.
|
The import of <code>show_properties.dart</code>
|
||||||
That import statement lets you implement part of the app in a different Dart file.
|
lets you implement part of the app in a different Dart file.
|
||||||
|
You've previously seen <code>angular2.dart</code> imported,
|
||||||
|
but that's unnecessary here because this version of <code>main.dart</code>
|
||||||
|
doesn't implement any components or other injectable types.
|
||||||
|
|
||||||
|
p.
|
||||||
All three of these files remain similar in the rest of the examples,
|
All three of these files remain similar in the rest of the examples,
|
||||||
so we'll focus on what changes.
|
so we'll focus on what changes.
|
||||||
|
|
||||||
@ -325,7 +329,6 @@
|
|||||||
List<String> names = ['Aarav', 'Martín', 'Shannon', 'Ariana', 'Kai'];
|
List<String> names = ['Aarav', 'Martín', 'Shannon', 'Ariana', 'Kai'];
|
||||||
}
|
}
|
||||||
code-pane(language="dart" name="web/main.dart" format="linenums").
|
code-pane(language="dart" name="web/main.dart" format="linenums").
|
||||||
import 'package:angular2/angular2.dart';
|
|
||||||
import 'package:angular2/bootstrap.dart';
|
import 'package:angular2/bootstrap.dart';
|
||||||
import 'package:displaying_data/show_properties.dart';
|
import 'package:displaying_data/show_properties.dart';
|
||||||
|
|
||||||
@ -430,26 +433,33 @@
|
|||||||
|
|
||||||
p.
|
p.
|
||||||
The app's entry point—<code>main.dart</code>—imports
|
The app's entry point—<code>main.dart</code>—imports
|
||||||
<code>angular2.dart</code> and <code>bootstrap.dart</code>.
|
<code>bootstrap.dart</code> so that it can call <code>bootstrap()</code>.
|
||||||
Both <code>show_properties.dart</code> and <code>friends_service.dart</code>
|
Both <code>show_properties.dart</code> and <code>friends_service.dart</code>
|
||||||
import only <code>angular2.dart</code>
|
import <code>angular2.dart</code>
|
||||||
because they aren't entry points.
|
so that they can define Angular components and models.
|
||||||
|
|
||||||
code-example(language="dart").
|
code-example(language="dart").
|
||||||
// In web/main.dart:
|
// In web/main.dart:
|
||||||
import 'package:angular2/angular2.dart';
|
|
||||||
import 'package:angular2/bootstrap.dart';
|
import 'package:angular2/bootstrap.dart';
|
||||||
...
|
...
|
||||||
|
bootstrap(...)
|
||||||
|
...
|
||||||
|
|
||||||
// In lib/show_properties.dart:
|
// In lib/show_properties.dart:
|
||||||
...
|
...
|
||||||
import 'package:angular2/angular2.dart';
|
import 'package:angular2/angular2.dart';
|
||||||
...
|
...
|
||||||
|
@Component(...)
|
||||||
|
@View(...)
|
||||||
|
...
|
||||||
|
|
||||||
// In lib/friends_service.dart:
|
// In lib/friends_service.dart:
|
||||||
...
|
...
|
||||||
import 'package:angular2/angular2.dart';
|
import 'package:angular2/angular2.dart';
|
||||||
...
|
...
|
||||||
|
@Injectable()
|
||||||
|
...
|
||||||
|
|
||||||
|
|
||||||
p.
|
p.
|
||||||
For more information on implementing Dart libraries, see
|
For more information on implementing Dart libraries, see
|
||||||
|
@ -167,7 +167,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
code-pane(language="dart" name="web/main.dart" format="linenums").
|
code-pane(language="dart" name="web/main.dart" format="linenums").
|
||||||
import 'package:angular2/angular2.dart';
|
|
||||||
import 'package:angular2/bootstrap.dart';
|
import 'package:angular2/bootstrap.dart';
|
||||||
import 'package:user_input/todo_list.dart';
|
import 'package:user_input/todo_list.dart';
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user