updates plunker samples to use beta.0
This commit is contained in:
parent
40312da5b0
commit
996cb7eb6a
|
@ -8,7 +8,9 @@
|
|||
<!-- 1. Load libraries -->
|
||||
<script src="https://rawgithub.com/systemjs/systemjs/0.19.6/dist/system.js"></script>
|
||||
<script src="https://code.angularjs.org/tools/typescript.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-alpha.52/angular2.dev.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2.dev.js"></script>
|
||||
|
||||
<!-- 2. Configure SystemJS -->
|
||||
<script>
|
||||
|
|
|
@ -9,7 +9,9 @@
|
|||
<!-- 1. Load libraries -->
|
||||
<script src="https://rawgithub.com/systemjs/systemjs/0.19.6/dist/system.js"></script>
|
||||
<script src="https://code.angularjs.org/tools/typescript.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-alpha.52/angular2.dev.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2.dev.js"></script>
|
||||
|
||||
<!-- 2. Configure SystemJS -->
|
||||
<script>
|
||||
|
|
|
@ -9,7 +9,9 @@
|
|||
<!-- 1. Load libraries -->
|
||||
<script src="https://rawgithub.com/systemjs/systemjs/0.19.6/dist/system.js"></script>
|
||||
<script src="https://code.angularjs.org/tools/typescript.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-alpha.52/angular2.dev.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.0/Rx.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2.dev.js"></script>
|
||||
|
||||
<!-- 2. Configure SystemJS -->
|
||||
<script>
|
||||
|
@ -36,4 +38,4 @@
|
|||
<todo class="container" style="display: block">Loading...</todo>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
|
@ -16,7 +16,7 @@ div
|
|||
p.text-body In Angular you display data by defining components. Data in your component classes is automatically available to display in your templates or control how they render as in the example below.
|
||||
p.text-body While this example uses TypeScript, Angular works equally well with ES5, ES6 and Dart as well.
|
||||
p(style='text-align:right')
|
||||
md-button.md-primary(href='http://plnkr.co/edit/hjHrTZw8HvkzAGhGiJhu?p=preview' target='_blank')
|
||||
md-button.md-primary(href='http://plnkr.co/edit/w2FVfKlWP72pzXIsfsCU?p=preview' target='_blank')
|
||||
span.icon-open-in-new
|
||||
| Try in Plunker
|
||||
+makeTabs('../docs/_fragments/homepage-hello-world/ts/src/hello_world.ts,../docs/_fragments/homepage-hello-world/ts/src/hello_world.html,../docs/_fragments/homepage-hello-world/ts/src/index.html', null, 'hello_world.ts,hello_world.html,index.html')
|
||||
|
@ -26,7 +26,7 @@ div
|
|||
p.text-body Groups of coordinated components divide the responsibilities of our application. This ToDo list app has a separate component for the form, the list, and the core app logic. Where the previous example component referenced templates in separate files, this one shows using inline templates.
|
||||
p.text-body Defining types as we do here in Todo.ts communicates our intention to other developers, helps us find bugs in our code, and lets IDEs do more work for us in refactoring, code navigation, and code completion.
|
||||
p(style='text-align:right')
|
||||
md-button.md-primary(href='http://plnkr.co/edit/UHEUnL8jpUoZBw3TaqWT?p=preview' target='_blank')
|
||||
md-button.md-primary(href='http://plnkr.co/edit/JvjRDbhxp3UpMzZb3IAy?p=preview' target='_blank')
|
||||
span.icon-open-in-new
|
||||
| Try in Plunker
|
||||
+makeTabs('../docs/_fragments/homepage-todo/ts/src/todo_app.ts,../docs/_fragments/homepage-todo/ts/src/todo_form.ts,../docs/_fragments/homepage-todo/ts/src/todo_list.ts,../docs/_fragments/homepage-todo/ts/src/todo.ts,../docs/_fragments/homepage-todo/ts/src/index.html', null, 'todo_app.ts,todo_form.ts,todo_list.ts,todo.ts,index.html')
|
||||
|
@ -36,7 +36,7 @@ div
|
|||
p.text-body This demo shows an efficient implementation of tabs/panes. Each pane is only instantiated while it is visible. Panes which are not visible are released and do not have associated memory, DOM and change detection cost.
|
||||
p.text-body The demo also showcases dependency injection and the ability of one component to query for other components. Such queries automatically update even as detail panes are added. This allows tobs component to work with <code>ngFor</code> without any special knowledge of it.
|
||||
p(style='text-align:right')
|
||||
md-button.md-primary(href='http://plnkr.co/edit/PK6Hyg?p=preview' target='_blank')
|
||||
md-button.md-primary(href='http://plnkr.co/edit/9E7T5XyLvn0SNQTOrVrJ?p=preview' target='_blank')
|
||||
span.icon-open-in-new
|
||||
| Try in Plunker
|
||||
+makeTabs('../docs/_fragments/homepage-tabs/ts/src/ui_tabs.ts,../docs/_fragments/homepage-tabs/ts/src/di_demo.ts,../docs/_fragments/homepage-tabs/ts/src/index.html', null, 'ui_tabs.ts,di_demo.ts,index.html')
|
||||
|
|
Loading…
Reference in New Issue