Esempio n. 1
0
  function initNg2() {
    bootstrap(AppComponent).then((injector) => {
      lifeCycle = injector.get(LifeCycle);

      app = injector.get(AppComponent);
      bindAction('#ng2DestroyDom', ng2DestroyDom);
      bindAction('#ng2CreateDom', ng2CreateDom);
      bindAction('#ng2UpdateDomProfile', profile(ng2CreateDom, noop, 'ng2-update'));
      bindAction('#ng2CreateDomProfile', profile(ng2CreateDom, ng2DestroyDom, 'ng2-create'));
    });
  }
Esempio n. 2
0
var __decorate = this.__decorate || function (decorators, target, key, value) {
    var kind = typeof (arguments.length == 2 ? value = target : value);
    for (var i = decorators.length - 1; i >= 0; --i) {
        var decorator = decorators[i];
        switch (kind) {
            case "function": value = decorator(value) || value; break;
            case "number": decorator(target, key, value); break;
            case "undefined": decorator(target, key); break;
            case "object": value = decorator(target, key, value) || value; break;
        }
    }
    return value;
};
var angular2_1 = require('angular2/angular2');
var Player_1 = require('./components/player/Player');
angular2_1.bootstrap(Player_1.Player);

//# sourceMappingURL=index.js.map
Esempio n. 3
0
import { bootstrap } from 'angular2/angular2';
import { RootRouter } from 'angular2/src/router/router';
import { Pipeline } from 'angular2/src/router/pipeline';
import { bind } from 'angular2/di';
import { Router } from 'angular2/router';

import { App } from './app/app';

bootstrap(App, [
  bind(Router).toValue(new RootRouter(new Pipeline())),
]);
export function main() {
    return bootstrap(AppCmp, [provide(APP_BASE_HREF, { useValue: '/angular2/examples/router/ts/on_activate' })]);
}
Esempio n. 5
0
    switch (arguments.length) {
        case 2: return decorators.reduceRight(function(o, d) { return (d && d(o)) || o; }, target);
        case 3: return decorators.reduceRight(function(o, d) { return (d && d(target, key)), void 0; }, void 0);
        case 4: return decorators.reduceRight(function(o, d) { return (d && d(target, key, o)) || o; }, desc);
    }
};
if (typeof __metadata !== "function") __metadata = function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var angular2_1 = require('angular2/angular2');
var TodoComponent_1 = require('TodoComponent');
var LogConsole_1 = require('LogConsole');
var EventPicker_1 = require('EventPicker');
var MyApp = (function () {
    function MyApp() {
        this.name = 'Chad';
    }
    MyApp = __decorate([
        angular2_1.Component({
            selector: 'my-app'
        }),
        angular2_1.View({
            template: "\n    <h1>Hello {{ name }}</h1>\n    <todo-component></todo-component>\n    <log-console></log-console>\n    <event-picker></event-picker>\n  ",
            directives: [TodoComponent_1.TodoComponent, EventPicker_1.EventPicker, LogConsole_1.LogConsole]
        }), 
        __metadata('design:paramtypes', [])
    ], MyApp);
    return MyApp;
})();
angular2_1.bootstrap(MyApp);
Esempio n. 6
0
/// <reference path="typings/angular2/angular2.d.ts" />
if (typeof __decorate !== "function") __decorate = function (decorators, target, key, desc) {
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") return Reflect.decorate(decorators, target, key, desc);
    switch (arguments.length) {
        case 2: return decorators.reduceRight(function(o, d) { return (d && d(o)) || o; }, target);
        case 3: return decorators.reduceRight(function(o, d) { return (d && d(target, key)), void 0; }, void 0);
        case 4: return decorators.reduceRight(function(o, d) { return (d && d(target, key, o)) || o; }, desc);
    }
};
var angular2_1 = require('angular2/angular2');
var LookAround = (function () {
    function LookAround() {
        this.appName = 'LookAround2';
    }
    LookAround = __decorate([
        angular2_1.Component({
            selector: 'look-around'
        }),
        angular2_1.View({
            template: "\n        <div>\n            <span>{{appName}} application bootstrap complete</span>\n        </div>\n    "
        })
    ], LookAround);
    return LookAround;
})();
angular2_1.bootstrap(LookAround);
//# sourceMappingURL=app.js.map
Esempio n. 7
0
        todo.editing = true;
    };
    TodoApp.prototype.removeCompleted = function () {
        this.todoStore.removeCompleted();
    };
    TodoApp.prototype.toggleCompletion = function (uid) {
        this.todoStore.toggleCompletion(uid);
    };
    TodoApp.prototype.remove = function (uid) {
        this.todoStore.remove(uid);
    };
    TodoApp.prototype.addTodo = function ($event, newtodo) {
        if ($event.which === ENTER_KEY && newtodo.value.trim().length) {
            this.todoStore.add(newtodo.value);
            newtodo.value = '';
        }
    };
    TodoApp = __decorate([
        angular2_1.Component({
            selector: 'todo-app',
        }),
        angular2_1.View({
            directives: [angular2_1.NgIf, angular2_1.NgFor],
            template: "\n\t\t<section class=\"todoapp\">\n\t\t\t<header class=\"header\">\n\t\t\t\t<h1>todos</h1>\n\t\t\t\t<input class=\"new-todo\" placeholder=\"What needs to be done?\" autofocus=\"\" #newtodo (keyup)=\"addTodo($event, newtodo)\">\n\t\t\t</header>\n\t\t\t<section class=\"main\" *ng-if=\"todoStore.todos.length > 0\">\n\t\t\t\t<input class=\"toggle-all\" type=\"checkbox\" *ng-if=\"todoStore.todos.length\" #toggleall [checked]=\"todoStore.allCompleted()\" (click)=\"todoStore.setAllTo(toggleall)\">\n\t\t\t\t<ul class=\"todo-list\">\n\t\t\t\t\t<li *ng-for=\"#todo of todoStore.todos\" [class.completed]=\"todo.completed\" [class.editing]=\"todo.editing\">\n\t\t\t\t\t\t<div class=\"view\">\n\t\t\t\t\t\t\t<input class=\"toggle\" type=\"checkbox\" (click)=\"toggleCompletion(todo.uid)\" [checked]=\"todo.completed\">\n\t\t\t\t\t\t\t<label (dblclick)=\"editTodo(todo)\">{{todo.title}}</label>\n\t\t\t\t\t\t\t<button class=\"destroy\" (click)=\"remove(todo.uid)\"></button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<input class=\"edit\" *ng-if=\"todo.editing\" [value]=\"todo.title\" #editedtodo (blur)=\"stopEditing(todo, editedtodo)\" (keyup.enter)=\"updateEditingTodo(editedtodo, todo)\" (keyup.escape)=\"cancelEditingTodo(todo)\">\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</section>\n\t\t\t<footer class=\"footer\" *ng-if=\"todoStore.todos.length > 0\">\n\t\t\t\t<span class=\"todo-count\"><strong>{{todoStore.getRemaining().length}}</strong> {{todoStore.getRemaining().length == 1 ? 'item' : 'items'}} left</span>\n\t\t\t\t<button class=\"clear-completed\" *ng-if=\"todoStore.getCompleted().length > 0\" (click)=\"removeCompleted()\">Clear completed</button>\n\t\t\t</footer>\n\t\t</section>"
        }), 
        __metadata('design:paramtypes', [])
    ], TodoApp);
    return TodoApp;
})();
angular2_1.bootstrap(TodoApp);
Esempio n. 8
0
if (typeof __decorate !== "function") __decorate = function (decorators, target, key, desc) {
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") return Reflect.decorate(decorators, target, key, desc);
    switch (arguments.length) {
        case 2: return decorators.reduceRight(function(o, d) { return (d && d(o)) || o; }, target);
        case 3: return decorators.reduceRight(function(o, d) { return (d && d(target, key)), void 0; }, void 0);
        case 4: return decorators.reduceRight(function(o, d) { return (d && d(target, key, o)) || o; }, desc);
    }
};
if (typeof __metadata !== "function") __metadata = function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var angular2_1 = require('angular2/angular2');
var CreditComponent = (function () {
    function CreditComponent() {
        this.message = "Opendream Co.,LTD";
    }
    CreditComponent = __decorate([
        angular2_1.Component({
            selector: 'credit'
        }),
        angular2_1.View({
            template: '<p>{{ message }}</p>'
        }), 
        __metadata('design:paramtypes', [])
    ], CreditComponent);
    return CreditComponent;
})();
exports.CreditComponent = CreditComponent;
angular2_1.bootstrap(CreditComponent);
Esempio n. 9
0
if (typeof __metadata !== "function") __metadata = function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
/// <reference path="typings/angular2/angular2.d.ts" />
var angular2_1 = require('angular2/angular2');
var FriendsService = (function () {
    function FriendsService() {
        this.names = ["Alice", "Aarav", "Martín", "Shannon", "Ariana", "Kai"];
    }
    return FriendsService;
})();
var DisplayComponent = (function () {
    function DisplayComponent(friendsService) {
        this.myName = "Alice";
        this.names = friendsService.names;
    }
    DisplayComponent = __decorate([
        angular2_1.Component({
            selector: 'display',
            injectables: [FriendsService]
        }),
        angular2_1.View({
            template: "\n    <p>My name: {{ myName }}</p>\n    <p>Friends:</p>\n    <ul>\n      <li *for=\"#name of names\">\n        {{ name }}\n      </li>\n    </ul>\n    <p *if=\"names.length > 3\">You have many friends!</p>\n  ",
            directives: [angular2_1.For, angular2_1.If]
        }), 
        __metadata('design:paramtypes', [FriendsService])
    ], DisplayComponent);
    return DisplayComponent;
})();
angular2_1.bootstrap(DisplayComponent);
Esempio n. 10
0
        case 3: return decorators.reduceRight(function(o, d) { return (d && d(target, key)), void 0; }, void 0);
        case 4: return decorators.reduceRight(function(o, d) { return (d && d(target, key, o)) || o; }, desc);
    }
};
var __metadata = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var angular2_1 = require('angular2/angular2');
var quotes_cmp_js_1 = require('quotes/quotes_cmp.js');
var http_1 = require('http/http');
var App = (function () {
    function App() {
    }
    App.prototype.onInit = function () {
        console.log('app init');
    };
    App = __decorate([
        angular2_1.Component({
            selector: 'app',
            lifecycle: [angular2_1.LifecycleEvent.onInit]
        }),
        angular2_1.View({
            template: "\n    <h2>app</h2>\n  "
        }), 
        __metadata('design:paramtypes', [])
    ], App);
    return App;
})();
exports.App = App;
angular2_1.bootstrap(quotes_cmp_js_1.QuotesCmp, [http_1.HTTP_BINDINGS]);
/// <reference path="typings/angular2/angular2.d.ts" />
var angular2_1 = require('angular2/angular2');
var MusicGenreService_1 = require('services/MusicGenreService');
var TabsComponent_1 = require('components/TabsComponent');
var TabComponent_1 = require('components/TabComponent');
var MusicGenreComponent_1 = require('MusicGenreComponent');
var NewGenreFormComponent_1 = require('NewGenreFormComponent');
var MusicBrowserComponent = (function () {
    function MusicBrowserComponent(musicGenreService) {
        this.genres = musicGenreService.genres;
    }
    MusicBrowserComponent.prototype.activateGenre = function (genre) {
        this.genres.forEach(function (genre) { return genre.isActive = false; });
        genre.isActive = true;
        return false;
    };
    MusicBrowserComponent = __decorate([
        angular2_1.Component({
            selector: 'music-browser',
            appInjector: [MusicGenreService_1.default]
        }),
        angular2_1.View({
            template: "\n    <div class=\"row\">\n    <div class=\"col-md-12\">\n        <new-genre-form />\n    </div>\n    </div>\n    <tabs>\n        <tab *ng-for=\"#genre of genres\" [tab-title]=\"genre.name + ' (' + genre.artistCount + ')'\">\n            <music-genre [genre]=\"genre\"></music-genre>\n        </tab>\n    </tabs>\n    ",
            directives: [TabsComponent_1.default, TabComponent_1.default, angular2_1.NgFor, MusicGenreComponent_1.default, NewGenreFormComponent_1.default]
        }), 
        __metadata('design:paramtypes', [MusicGenreService_1.default])
    ], MusicBrowserComponent);
    return MusicBrowserComponent;
})();
angular2_1.bootstrap(MusicBrowserComponent);
Esempio n. 12
0
"use strict";
var ng = require('angular2/angular2');
var router = require('angular2/router');
var http_1 = require('angular2/http');
var app_1 = require('./app');
var people_service_1 = require('./people/people.service');
ng.bootstrap(app_1.App, [
    router.ROUTER_PROVIDERS,
    http_1.HTTP_BINDINGS,
    ng.FormBuilder,
    people_service_1.PeopleService
]);
Esempio n. 13
0
    }
};
if (typeof __metadata !== "function") __metadata = function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
/// <reference path="typings/angular2/angular2.d.ts" />
/// <reference path="typings/angular2/router.d.ts" />
var angular2_1 = require('angular2/angular2');
var router_1 = require('angular2/router');
var home_1 = require('components/home/home');
var MyAppComponent = (function () {
    function MyAppComponent(router) {
        this.name = 'Alice';
        router.subscribe(function (url) { return console.log('Navigated'); });
        router.config({ 'path': '/home', 'component': home_1.Home })
            .then(function (_) { return console.log("Home Registered"); }, function (err) { return console.log(err); });
    }
    MyAppComponent = __decorate([
        angular2_1.Component({
            selector: 'my-app'
        }),
        angular2_1.View({
            template: "<h1>Hello {{ name }}</h1><router-outlet></router-outlet>",
            directives: [router_1.RouterOutlet, router_1.RouterLink]
        }), 
        __metadata('design:paramtypes', [router_1.Router])
    ], MyAppComponent);
    return MyAppComponent;
})();
angular2_1.bootstrap(MyAppComponent, router_1.routerInjectables);
Esempio n. 14
0
function default_1() {
    angular2_1.bootstrap(App_1.App);
}
Esempio n. 15
0
export function main() {
  setupReflector();
  bootstrap(App, createBindings());
}
Esempio n. 16
0
 */
var angular2_1 = require('angular2/angular2');
var ArtikelResource_1 = require('../ArtikelResource');
var Artikel_1 = require('../Artikel');
var ArtikelEditComponent = (function () {
    function ArtikelEditComponent(artikelRes) {
        this.artikelResource = artikelRes;
    }
    ArtikelEditComponent.prototype.onClickCreate = function (bezeichnung, preis, version) {
        this.bezeichnung = bezeichnung;
        this.preis = preis;
        this.version = version;
        this.ausgesondert = false;
        var artikel = new Artikel_1.Artikel(6, this.bezeichnung, this.preis, this.version, this.ausgesondert);
        this.artikelResource.addArtikel(artikel);
    };
    ArtikelEditComponent = __decorate([
        angular2_1.Component({
            selector: 'createArtikel',
            injectables: [ArtikelResource_1.ArtikelResource]
        }),
        angular2_1.View({
            templateUrl: 'components/artikelverwaltung/createArtikel/createArtikel.html',
            directives: [angular2_1.For]
        }), 
        __metadata('design:paramtypes', [ArtikelResource_1.ArtikelResource])
    ], ArtikelEditComponent);
    return ArtikelEditComponent;
})();
angular2_1.bootstrap(ArtikelEditComponent);
Esempio n. 17
0
import { bootstrap } from 'angular2/angular2';
import { RootRouter } from 'angular2/src/router/router';
import { Pipeline } from 'angular2/src/router/pipeline';
import { bind } from 'angular2/di';
import { Router } from 'angular2/router';

import { Nazo } from './app/nazo';

bootstrap(Nazo, [
  bind(Router).toValue(new RootRouter(new Pipeline()))
]);
Esempio n. 18
0
        angular2_1.Component({
            selector: 'pim-app',
            template: "\n    <div>\n      <h2>Let's work!</h2>\n      <div class=\"navigation\">\n        <a [router-link]=\"[ '/Tasks']\">Tasks</a> |\n        <a [router-link]=\"[ '/Contacts']\">Contacts</a> |\n        <a [router-link]=\"[ '/Calendar']\">Calendar</a> |\n        <a [router-link]=\"[ '/Messages']\">Messages</a>\n      </div>\n      <div class='route-container'>\n        <router-outlet></router-outlet>\n      </div>\n    </div>\n  ",
            directives: [router_1.ROUTER_DIRECTIVES, angular2_1.CORE_DIRECTIVES]
        }),
        router_1.RouteConfig([
            { path: '/', component: tasks_1.TasksComponent, as: 'Tasks' },
            { path: '/Tasks', component: tasks_1.TasksComponent, as: 'Tasks' },
            { path: '/Contacts', component: contacts_1.ContactsComponent, as: 'Contacts' },
            { path: '/Calendar', component: calendar_1.CalendarComponent, as: 'Calendar' },
            { path: '/Messages', component: messages_1.MessagesComponent, as: 'Messages' }
        ])
    ], App);
    return App;
})();
exports.App = App;
var AppBaseRequestOptions = (function (_super) {
    __extends(AppBaseRequestOptions, _super);
    function AppBaseRequestOptions() {
        _super.apply(this, arguments);
        this.headers = new http_1.Headers({
            'Content-Type': 'application/json'
        });
    }
    return AppBaseRequestOptions;
})(http_1.BaseRequestOptions);
angular2_1.bootstrap(App, [http_1.HTTP_PROVIDERS,
    angular2_1.provide(http_1.RequestOptions, { useClass: AppBaseRequestOptions }),
    router_1.ROUTER_BINDINGS, contact_service_1.ContactService, task_service_1.TaskService])
    .catch(function (err) { return console.error(err); });
Esempio n. 19
0
var __metadata = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var angular2_1 = require("angular2/angular2");
var Fiddle = (function () {
    function Fiddle() {
        this.value = 1;
    }
    Fiddle.prototype.increase = function () {
        this.value++;
    };
    Fiddle.prototype.decrease = function () {
        this.value--;
    };
    Fiddle.prototype.greaterThanFive = function () {
        return this.value > 5 ? true : false;
    };
    Fiddle = __decorate([
        angular2_1.Component({
            selector: 'fiddle-0005-NgIf'
        }),
        angular2_1.View({
            template: "\n    <div *ng-if=\"greaterThanFive()\">\n        It's greater than 5!\n    </div>\n    <hr/>\n    {{value}}\n    <hr />\n    <button (click)=\"increase()\">Increase</button>\n    <button (click)=\"decrease()\">Decrease</button>",
            directives: [angular2_1.NgIf]
        }), 
        __metadata('design:paramtypes', [])
    ], Fiddle);
    return Fiddle;
})();
angular2_1.bootstrap(Fiddle);
Esempio n. 20
0
var angular2_1 = require('angular2/angular2');
var welcome_1 = require('components/welcome/welcome?blah');
angular2_1.bootstrap(welcome_1.WelcomeComponent);
Esempio n. 21
0
//import {PhoneComponent} from './phone/Phone.component';
var App = (function () {
    function App(router) {
        this.router = router;
        //Manual navigation for now
        //let url = browserLocation.path();
        //router.navigate(url);
    }
    App = __decorate([
        angular2_1.Component({
            selector: 'app'
        }),
        angular2_1.View({
            template: "<router-outlet></router-outlet>",
            directives: [router_1.RouterOutlet]
        }),
        router_1.RouteConfig([
            //{ path: '/',  redirectTo: '/customers' },
            { path: '/', as: 'phones', component: PhoneList_component_1.PhoneListComponent }
        ])
    ], App);
    return App;
})();
exports.App = App;
//Bootstrap App
angular2_1.bootstrap(App, [
    http_1.httpInjectables,
    router_2.routerInjectables,
    angular2_1.bind(router_2.LocationStrategy).toClass(router_2.HashLocationStrategy)
]);
Esempio n. 22
0
export function main() {
  return bootstrap(TodoApp);
}
Esempio n. 23
0
            { name: 'Cherries', price: 9.00, amount: 0 }];
        this.weightLimit = 100;
        this.name = "Bill";
        setMaxWeight = function (weight) {
            _this.weightLimit = weight;
            ref.detectChanges();
        };
    }
    ItemList.prototype.format = function (amount) {
        return "$" + amount.toFixed(2);
    };
    ItemList.prototype.getTotal = function () {
        var totalPrice = this.items.reduce(function (prev, curr) { return prev + curr.amount * curr.price; }, 0);
        var totalWeight = this.items.reduce(function (prev, curr) { return prev + curr.amount; }, 0);
        shipping.setState({ shipWeight: totalWeight });
        return this.format(totalPrice);
    };
    ItemList = __decorate([
        ng.Component({
            selector: "item-list",
            template: "\n<ul class=\"itemList\">\n  <li *ng-for='#item of items'>\n    <span  class=\"itemName\">{{item.name}}</span>\n    <span  class=\"itemWeight\">{{format(item.price)}}</span>\n    <input class=\"itemAmount\" type=\"number\" min=\"0\" max=\"200\" [(ng-model)]=\"item.amount\"/>\n    <span  class=\"itemTotal\">{{format(item.price * item.amount)}}</span>\n    <span  class=\"itemOver\" *ng-if=\"item.amount > weightLimit\">Overweight for shipping method!</span>\n  </li>\n  <li>\n    <span class=\"totalText\">Total</span><span class=\"itemsTotal\">{{getTotal()}}</span>\n  </li>\n</ul>\n<div><i>Max weight per item for shipping method: {{weightLimit}}</i></div>\n",
            directives: [ng.CORE_DIRECTIVES, ng.FORM_DIRECTIVES]
        }), 
        __metadata('design:paramtypes', [ng.ChangeDetectorRef])
    ], ItemList);
    return ItemList;
}());
exports.ItemList = ItemList;
var shipping = shipping_1.showShipping(document.getElementById('greeting'), 10, function (e) { return setMaxWeight(e); });
ng.bootstrap(ItemList);
Esempio n. 24
0
var MyAppComponent = (function () {
    function MyAppComponent() {
    }
    MyAppComponent = __decorate([
        angular2_1.Component({
            selector: 'my-app',
            appInjector: [Schedule]
        }),
        angular2_1.View({
            template: "\n    <ons-tabbar animation=\"slide\">\n      <ons-tab\n        no-reload\n        page=\"schedule.html\"\n        icon=\"ion-ios-calendar\"\n        active=\"true\">\n      </ons-tab>\n      <ons-tab\n        no-reload\n        icon=\"ion-ios-plus-empty\"\n        page=\"add.html\"></ons-tab>\n    </ons-tabbar>\n  "
        }), 
        __metadata('design:paramtypes', [])
    ], MyAppComponent);
    return MyAppComponent;
})();
angular2_1.bootstrap(MyAppComponent).then(function (result) {
    var injector = result.injector;
    var loader = injector.get(angular2_1.DynamicComponentLoader);
    var dict = {
        'schedule.html': SchedulePage,
        'add.html': AddItemPage
    };
    OnsTabElement.prototype._createPageElement = function (page, callback) {
        if (dict[page]) {
            loader.loadIntoNewLocation(dict[page], new angular2_1.ElementRef(result._hostComponent.hostView, 0)).then(function (componentRef) {
                callback(componentRef.location.domElement);
            });
        }
        else {
            throw new Error('Page ' + page + ' does not exist.');
        }
Esempio n. 25
0
var angular2_1 = require('angular2/angular2');
var router_1 = require('angular2/router');
var http_1 = require('angular2/http');
var app_1 = require('./components/app');
angular2_1.bootstrap(app_1.App, [http_1.HTTP_PROVIDERS, router_1.ROUTER_PROVIDERS, angular2_1.FORM_PROVIDERS]);

//# sourceMappingURL=bootstrap.js.map
Esempio n. 26
0
    };
    MyDemoApp = __decorate([
        angular2_1.Component({
            selector: 'demo-app',
            templateUrl: './demo-app.html',
            directives: [demo_page_1.DemoPage, about_1.About, router_1.ROUTER_DIRECTIVES]
        }),
        router_1.RouteConfig([
            new router_1.Route({ path: '/', component: about_1.About, as: 'About' }),
            new router_1.Route({ path: '/demo/...', component: demo_page_1.DemoPage, as: 'Demo' }),
            new router_1.AsyncRoute({
                path: '/lazy',
                loader: function () { return ComponentHelper.LoadComponentAsync('LazyLoaded', './components/lazy-loaded/lazy-loaded'); },
                as: 'Lazy'
            })
        ]), 
        __metadata('design:paramtypes', [router_1.Router, router_1.Location])
    ], MyDemoApp);
    return MyDemoApp;
})();
var ComponentHelper = (function () {
    function ComponentHelper() {
    }
    ComponentHelper.LoadComponentAsync = function (name, path) {
        return System.import(path).then(function (c) { return c[name]; });
    };
    return ComponentHelper;
})();
angular2_1.bootstrap(MyDemoApp, [address_book_title_service_1.AddressBookTitleService, router_1.ROUTER_PROVIDERS, http_1.HTTP_PROVIDERS,
    angular2_1.provide(router_1.LocationStrategy, { useClass: router_1.HashLocationStrategy })]);
Esempio n. 27
0
import {bootstrap} from 'angular2/angular2'
import {BlogComponent} from 'blogcomponent'


bootstrap(BlogComponent);
Esempio n. 28
0
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") return Reflect.decorate(decorators, target, key, desc);
    switch (arguments.length) {
        case 2: return decorators.reduceRight(function(o, d) { return (d && d(o)) || o; }, target);
        case 3: return decorators.reduceRight(function(o, d) { return (d && d(target, key)), void 0; }, void 0);
        case 4: return decorators.reduceRight(function(o, d) { return (d && d(target, key, o)) || o; }, desc);
    }
};
var __metadata = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
/// <reference path="../typings/angular2/angular2.d.ts" />
var angular2_1 = require('angular2/angular2');
var HelloWorldComponent = (function () {
    function HelloWorldComponent() {
        this.message = 'TypeScript and Angular';
    }
    HelloWorldComponent = __decorate([
        angular2_1.Component({
            selector: 'hello-world'
        }),
        angular2_1.View({
            template: '<h1>Hello from {{ message }}!!!!!</h1>'
        }), 
        __metadata('design:paramtypes', [])
    ], HelloWorldComponent);
    return HelloWorldComponent;
})();
angular2_1.bootstrap(HelloWorldComponent);
Esempio n. 29
0
        case 2: return decorators.reduceRight(function(o, d) { return (d && d(o)) || o; }, target);
        case 3: return decorators.reduceRight(function(o, d) { return (d && d(target, key)), void 0; }, void 0);
        case 4: return decorators.reduceRight(function(o, d) { return (d && d(target, key, o)) || o; }, desc);
    }
};
if (typeof __metadata !== "function") __metadata = function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var angular2_1 = require('angular2/angular2');
var MyAppComponent = (function () {
    function MyAppComponent() {
        this.name = "Zia";
        this.friends = ["Sam", "Nicole", "Ahmed"];
    }
    MyAppComponent = __decorate([
        angular2_1.Component({
            selector: 'my-app'
        }),
        angular2_1.View({
            templateUrl: "list.html",
            directives: [
                angular2_1.For,
                angular2_1.If
            ]
        }), 
        __metadata('design:paramtypes', [])
    ], MyAppComponent);
    return MyAppComponent;
})();
angular2_1.bootstrap(MyAppComponent);
Esempio n. 30
0
export function main() {
  bootstrap(Mood);
}