summaryrefslogtreecommitdiffstats
path: root/docs
diff options
context:
space:
mode:
authorManolo Carrasco <manolo@vaadin.com>2016-05-12 22:21:44 +0200
committerManolo Carrasco <manolo@vaadin.com>2016-05-14 07:55:28 +0200
commitea8edd209f70322816ff2e6aa50a9d284494caa8 (patch)
tree83558fad97463f18418a6c8b6fd6854f3a8f920a /docs
parentb40560d8c42ed1e933b2b871424102e6ba8a1900 (diff)
downloadvaadin-core-ea8edd209f70322816ff2e6aa50a9d284494caa8.tar.gz
vaadin-core-ea8edd209f70322816ff2e6aa50a9d284494caa8.zip
Use vaadin scope
Diffstat (limited to 'docs')
-rw-r--r--docs/angular2.adoc14
1 files changed, 6 insertions, 8 deletions
diff --git a/docs/angular2.adoc b/docs/angular2.adoc
index 40f65d8..571454d 100644
--- a/docs/angular2.adoc
+++ b/docs/angular2.adoc
@@ -7,7 +7,7 @@ layout: page
[[vaadin-core-elements.angular2]]
= Angular 2 Integration
-While Vaadin Elements are built using Polymer, you need [vaadin-ng2-polymer] directive to enable seamless usage within Angular 2 applications.
+While Vaadin Elements are built using Polymer, you need https://github.com/vaadin/angular2-polymer[@vaadin/angular2-polymer] directive to enable seamless usage within Angular 2 applications.
This page assumes that you already have an Angular 2 application setup ready.
@@ -26,7 +26,7 @@ Use https://www.npmjs.com/[npm] to install the generic polymer directive which a
[source,bash]
----
-npm install vaadin/vaadin-ng2-polymer
+npm install @vaadin/angular2-polymer
----
Although Angular 2 dependecies are typically installed via npm, Vaadin Elements require installation with http://bower.io[Bower].
@@ -90,13 +90,11 @@ Now you’re all set to use the element inside your Angular 2 application.
== Importing
-
-
-Import the polymer directive as follows.
+Import the Polymer directive as follows.
[source,javascript]
----
-import { PolymerElement } from '../node_modules/vaadin-ng2-polymer/polymer-element';
+import { PolymerElement } from '../node_modules/@vaadin/angular2-polymer/polymer-element';
----
Your Angular 2 component also needs to declare the usage of the directive.
@@ -200,7 +198,7 @@ To do this, you can use the native element as a Promise.
[source]
----
-<vaadin-grid #grid [items]="dataItems">
+<vaadin-grid #grid>
<table>
<colgroup>
<col>
@@ -215,7 +213,7 @@ To do this, you can use the native element as a Promise.
ngAfterViewInit() {
this.grid.nativeElement.then(() => {
- ...
+ // Some code to configure the grid.
});
}
----