.net に組み込まれた Angular 1.3 プロジェクトを typescript を使用して 1.5 コンポーネントに変換しています。
可能な限り単純な形に煮詰めたディレクティブがあります。ディレクティブは次のようになります。
app.directive('myDoctor', function() {
return {
template: "Hello World",
controller: function () {console.log("test");}
}
});
コンポーネントに変換すると、次のようになります。
app.component('myDoctor', {
template: "Hello World",
controller: function () {console.log("test");}
});
コンポーネントは、実際の .Net プロジェクトでサイレントに失敗します。テンプレートも console.log ステートメントも、何もレンダリングされません。これは同じ ts ファイルにあるため、tsc の問題でもバンドルの問題でもないことがわかっています。ファイルをロードしています。プロジェクトでAngular 1.5.7が実際に実行されていることをangular.versionで確認しました。ここに見られるプランカーで動作するため、コンポーネントコード自体の問題ではないと思います。
https://plnkr.co/edit/W8cR69O9BWWnTcwK1e0a?p=preview
しかし、実際のプロジェクトでは、まったく何もしないだけで、コンポーネントをロードするためにチェックまたは編集する場所が他にどこにあるのか途方に暮れています。
ページのソースを確認すると、読み込まれているファイルが表示され、同じコードが含まれています。
app.component("myDoctor", {
template: "hello world",
controller: function () {
console.log("test");
}
});
問題が発生している場所を明確にするために編集します。