Kątowe app 2 quickstart

głosy
3

Więc ja zaczynam się uczyć kątowe i zaczynam z 2,0 ponieważ będzie przerwa 1 do tej pory staram się uzyskać szybką aplikację startową z kątowym stronie pracować

Założyłem kod zgodnie z instrukcją i konfiguracja witryny internetowej w IIS, aby wskazywał katalogu kodu źródłowego, ale ja dostaję błąd.

Uncaught (in promise) Error loading app at http://localhost:88/app.js
http://localhost:88/app.js:1:46: Unexpected token angular2

Czy ktoś skonfigurować aplikację w IIS, a jeśli tak można pomóc?

app.js plików:

import {Component, Template, bootstrap} from angular2/angular2;

//Annotation section
@Component({
    selector: 'my-app'
})

@Template({
    inline: '<h1>Hello `name`</h1>'
})

//Component controller
class MyAppConponent{
    constuctor(){
        this.name = 'Alice';
    }
}

bootstrap(MyAppConponent);

plik index.html

<!-- index.html -->
<html>
    <head>
        <title>Angular 2 Quickstart</title>
        <script src=/quickstart/dist/es6-shim.js></script>
    </head>
    <body>
        <!-- The app component created in app.es6 -->
        <my-app></my-app>

        <script>
            // Rewrite the paths to load the files
            System.paths = {
                'angular2/*':'/quickstart/angular2/*.js', // Angular
                'rtts_assert/*': '/quickstart/rtts_assert/*.js', // Runtime assertions
                'app': 'app.js' // The my-app component
            };
            // Kick off the application
            System.import('app');
        </script>

    </body>
</html>

Dodatkowo - Zrobiłem nazwij plik app app.es6 jako strona wskazała, ale widziałam jeżeli przedłużenie to różnicy ponieważ ES6 to nowy standard javascript i przeglądania może nie obsługiwać go jeszcze i mam

GET http: // localhost: 88 / app.es6 404 (Not Found)

jako błąd z tym rozszerzeniem.

Używam Chrome Canary dla mojej przeglądarce

Utwórz 22/03/2015 o 04:13
źródło użytkownik
W innych językach...                            


3 odpowiedzi

głosy
2

Wygląda to na błąd składni

import {Component, Template, bootstrap} from 'angular2/angular2';

Powinien to naprawić

Odpowiedział 25/03/2015 o 14:30
źródło użytkownik

głosy
0

Oto końcowy produkt, który wymyśliłem.

w app.ts

/// <reference path="typings/angular2/angular2.d.ts" />
///<reference path="typings/es6-promise/es6-promise.d.ts"/>
///<reference path="typings/rx/rx.d.ts"/>

import {Component, View, bootstrap} from 'angular2/angular2';

@Component({
    selector : 'my-app'
})
@View({
    templateUrl: '<h1>Hello `name`<h1>'
})
// Component controller
class MyAppComponent {
    name : string;
    constructor(){
        this.name = 'Alice';
    }
}

bootstrap(MyAppComponent);

w index.html

<!DOCTYPE html>
<!-- index.html -->
<html>
  <head>
    <title>Angular 2 Quickstart</title>
    <script src="https://github.jspm.io/jmcriffey/bower-traceur-runtime@0.0.87/traceur-runtime.js"></script>
    <script src="https://jspm.io/system@0.16.js"></script>
    <script src="https://code.angularjs.org/2.0.0-alpha.23/angular2.dev.js"></script>
  </head>
  <body>

    <!-- The app component created in app.ts -->
    <my-app></my-app>
    <script>System.import('app');</script>
  </body>
</html>

Nie sądzę, żeby to wpłynęło na integralność kodu, ale orkisz składnik złego kontrolerów.

Odpowiedział 14/06/2015 o 02:53
źródło użytkownik

głosy
0

app.js należy app.ts. Upewnij się, że maszynopis obserwator jest ustawiony następnie ponownie uruchomić aplikację.

Odpowiedział 21/12/2015 o 16:46
źródło użytkownik

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more