为什么 visual studio 2015 无法识别注释

Question

Visual Studio 无法识别@Componetn 或@View Data 注释？有谁知道为什么会这样。

更新 1

我的index.html文件

<!DOCTYPE html>
<html>
<head>
    <title>Angular 2</title>
    <meta charset="utf-8" />
</head>
<body>
    <my-app></my-app>

    <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-beta.2/angular2.dev.js"></script>
    <script>System.import('app');</script>
</body>
</html>

我的app.ts文件

import {Component, View} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';
import {NgFor} from 'angular2/common';

@Component({
    selector: "my-app",

})

@View({
    templateUrl: 'mainForm.html',
    directives: [NgFor]
})

class TodoAppComponent {

    todos: Array<Object>;

    constructor() {
        this.todos = [{ text: "Try Second", done: true }]
    }

    get() {
        return this.todos;
    }

    add($event, newtodo) {

        if ($event.which === 13) {
            this.todos.unshift({ text: newtodo.value, done: false });
            newtodo.value = ''
        }

    }

    markAsDone(todo) {
        todo.done = !todo.done;
    }
}

bootstrap(TodoAppComponent);

更新 2

VS2015 中的构建错误

更新 3

这已经在我的 tsconfig.json

{
    "version": "1.7.6",
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "declaration": false,
        "noImplicitAny": false,
        "removeComments": true,
        "noLib": false,
        "emitDecoratorMetadata": true
    },
    "filesGlob": [
        "./**/*.ts",
        "!./node_modules/**/*.ts"
    ],
    "files": [
        "./app.ts",
        "./typings/angular2/angular2.d.ts",
        "./typings/es6-promise/es6-promise.d.ts",
        "./typings/rx/rx-lite.d.ts",
        "./typings/rx/rx.d.ts",
        "./typings/tsd.d.ts"
    ]
}

我的目录结构，node_nodules要大展开

Answer 1

问题是您尝试从 angular2/angular2 导入 Component & View，这在 angular.beta.2.0.0 中已更改。所以你应该导入 angular2/core 而不是 angular2/angular2.

还要确保在 index.html.

上引用了所有文件

参考这个答案

为什么 visual studio 2015 无法识别注释

Why is visual studio 2015 not recognizing annotations

visual-studio-2015

typescript1.7

angular