You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+20-14Lines changed: 20 additions & 14 deletions
Original file line number
Diff line number
Diff line change
@@ -1,9 +1,9 @@
1
1
# AngularJS/Angular Material Hybrid Demo
2
2
3
3
This was started on [StackBlitz](https://stackblitz.com/edit/angularjs-material-ngupgradelite-demo),
4
-
based on a demo by [George Kalpakas](https://github.com/gkalpak), but using ngUpgrade can be done
5
-
in a way that is either compatible with StackBlitz or the Angular CLI, not both. This repo uses the
6
-
Angular CLI along with the `downgradeModule()`.
4
+
based on a demo by [George Kalpakas](https://github.com/gkalpak), but using Angular Upgrade can be
5
+
done in a way that is either compatible with StackBlitz or the Angular CLI, not both. This repo uses
6
+
the Angular CLI along with the `downgradeModule()`.
7
7
8
8
Find out more in the [Upgrading for Performance Guide](https://angular.io/guide/upgrade-performance).
9
9
@@ -12,30 +12,36 @@ Find out more in the [Upgrading for Performance Guide](https://angular.io/guide/
12
12
We recently published a [comprehensive guide](https://material.angularjs.org/latest/migration)
13
13
for upgrading AngularJS Material apps to Angular. It includes guidance for migrating to
14
14
Angular Material, the Angular Component Dev Kit (CDK), and the Angular Flex Layout library.
15
-
Additionally, we provide guidance on using pure CSS Grid and Flexbox for layout, migration of
16
-
theming features, services, typography, and more.
15
+
Additionally, we provide guidance on using pure CSS Grid and Flexbox for application layout,
16
+
migration of theming features, services, typography, and more.
17
17
18
18
Learn more in the [AngularJS Material Migration Guide](https://material.angularjs.org/latest/migration).
19
19
20
20
## Caveats found so far
21
21
22
22
- Different `selector` formatting and conversions between AngularJS and Angular. It depends on which
23
-
is referring to the component, not which the component is build for.
23
+
framework refers to the component, not which framework compiled the component.
24
24
- AngularJS referring to any component: `appComponent`
25
+
- I.e. to use `<app-angularjs>` in `index.html`, it's defined as [`selector: appAngularjs`](https://github.com/Splaktar/angularjs-angular-material-hybrid-demo/blob/862bedffaae3e7a856b3c8e547dc9cc2d5551e4f/src/app/angularjs/app-angularjs.component.ts#L2)
25
26
- Angular referring to any component: `app-component`
27
+
- I.e. to use `<ng1-tabs>` in `app.component.html`, it's defined as [`selector: 'ng1-tabs'`](https://github.com/Splaktar/angularjs-angular-material-hybrid-demo/blob/862bedffaae3e7a856b3c8e547dc9cc2d5551e4f/src/app/angularjs/tabs.component.ts#L5)
26
28
- ngUpgrade projects that work on StackBlitz, don’t work in the CLI and vice versa.
27
29
28
30
### Minification-friendly AngularJS Code
29
31
30
32
- Enable `strictDi` to help you catch issues early:
0 commit comments