Angular 2: Difference between revisions

From Han Wiki
Jump to navigation Jump to search
delete initial notes
add a link to Angular 2 by Examples
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
= npm lite-server related =
[[Angular 2 by Examples]]
 
= Running the app (via npm) =
 
Compile just once. This executable binary is founder under <span class="shell">./npm_modules/.bin/</span> folder.
 
<source lang="bash">
$ tsc
</source>
 
If <code>tsc</code> is not directly available. It can also be run this way: <code>npm run tsc</code>.
 
If you want the server to watch for changes and compile on change (aka transpile) you can run the following command:
 
<source lang="bash">
$ npm run tsc:w
</source>


== turn off connection logging ==
== turn off connection logging ==
Line 26: Line 42:
An example event binding.
An example event binding.


<source lang="typescript">
<source lang="ts">
<button (click)="onSave()">Save</button>
<button (click)="onSave()">Save</button>
</source>
</source>
Line 32: Line 48:
Canonical form:
Canonical form:


<source lang="typescript">
<source lang="ts">
<button on-click="onSave()">Save</button>
<button on-click="onSave()">Save</button>
</source>
</source>


[https://developer.mozilla.org/en-US/docs/Web/Events List of events that can be used on MDN.]
[https://developer.mozilla.org/en-US/docs/Web/Events List of events that can be used on MDN.]

Latest revision as of 13:52, 8 July 2016

Angular 2 by Examples

Running the app (via npm)

Compile just once. This executable binary is founder under ./npm_modules/.bin/ folder.

$ tsc

If tsc is not directly available. It can also be run this way: npm run tsc.

If you want the server to watch for changes and compile on change (aka transpile) you can run the following command:

$ npm run tsc:w

turn off connection logging

Setting logConnection to false in bs-config.json did not work. The connection is logged by a middleware called connect-logger and you can disable it by creating bs-config.js with the following content.

module.exports = {
  server: { middleware: { 0: null }}
};

turn off file change updates

Add logFileChanges line to disable logging of file change updates.

module.exports = {
  server: { middleware: { 0: null }},
  logFileChanges: false
};

Event

An example event binding.

<button (click)="onSave()">Save</button>

Canonical form:

<button on-click="onSave()">Save</button>

List of events that can be used on MDN.