iでのルーティングは、asp mvc 5で角度2を使用します。Angular 2およびAsp MVC 5
私は<my-app> </my-app>のコンテンツを表示する必要があります。
app.component：
import { Component } from '@angular/core';
import 'rxjs/Rx'; // Load all features
import { ROUTER_PROVIDERS, RouteConfig, ROUTER_DIRECTIVES } from '@angular/router';
import { OtherComponent } from './other/other.component';
@Component({
selector: 'my-app',
template: `<h1>My Name is {{name}}</h1>
<other-app></other-app>`,
})
@RouteConfig([
{ path: '/other', name: 'other', component: OtherComponent }
])
export class AppComponent {
name = "Kianoush";
}
それは私にエラーを示しています。
重大度コード説明プロジェクトファイルの行の抑制状態 エラービルド：モジュール「"F：/ MyProjectと/ angfinal/angfinal/node_modules/@ angular/router/index "'にエクスポートされたメンバー' ROUTER_PROVIDERS 'はありません。 F：¥MyProject¥angfinal¥angfinal¥app¥app.component.ts 3
重大度コード説明プロジェクトファイルの行の抑制状態 エラービルド：モジュール ' "F：/ MyProjectと/ angfinal/angfinal/node_modules /角度@ /ルーター/インデックスは、"' 何もエクスポートされたメンバー 'RouteConfig' がありません。 F：¥MyProject¥angfinal¥angfinal¥app¥app.component.ts 3
重大度コード説明プロジェクトファイルの行の抑制状態 エラーTS2305モジュール ' "F：/ MyProjectと/ angfinal/angfinal/node_modules/@角度/ルーター/インデックスは、"' 何もエクスポートされたメンバー 'ROUTER_PROVIDERS' がありません。 TypeScript仮想プロジェクトF：¥MyProject¥angfinal¥angfinal¥app¥app.component.ts 3アクティブ
重大度コード説明プロジェクトファイルの行の抑制状態 エラーTS2305モジュール ' "F：/ MyProjectと/ angfinal/angfinal/node_modules/@角度/ルーター/インデックスは、"' 何もエクスポートされたメンバー 'RouteConfig' がありません。 TypeScript仮想プロジェクトF：¥MyProject¥angfinal¥angfinal¥app¥app.component.ts 3アクティブ
other.component：
import { Component } from '@angular/core';
@Component({
selector: 'other-app',
templateUrl: './app/other/other.component.html'
})
export class OtherComponent {
name = "kianoush";
}
とヘッダ：
<head>
<base href="/">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - My ASP.NET Application</title>
<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="~/Scripts/modernizr-2.6.2.js"></script>
<script src="/node_modules/core-js/client/shim.min.js"></script>
<script src="/node_modules/zone.js/dist/zone.js"></script>
<script src="/node_modules/reflect-metadata/Reflect.js"></script>
<script src="/node_modules/systemjs/dist/system.src.js"></script>
<script src="/systemjs.config.js"></script>
<script>
System.import('app').catch(function(err){ console.error(err); });
</script>
と設定：
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
);
routes.MapRoute(
name: "NotFound",
url: "{*catchall}",
defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
);
}
}
とどのように私はビューでother.component.htmlを表示することができますし、どのようにすることができます私はそうこの問題はどうですか？
で記述されている新しい構文を使用してください。errormessage "import 'rxjs/Rx'"に従ってこの行に注目する必要があります。 – Pengyy
@Pengyy私はこの行を削除しますが、私にはまだエラーが表示されます – kianoush