問題タブ [angular-upgrade]

大規模な Angular 1.6 アプリをアップグレードしていますが、「require」を使用して親コンポーネントのコントローラーにアクセスするコンポーネントが多数あります。AngularJS コンポーネントは次のようになります。

親に子へのアクセスを許可する @ViewChild を見つけましたが、他の方法を探しています。ある種の共有サービスの使用をリファクタリングできることはわかっていますが、現時点では最小限のリファクタリングを探しています。Angular のドキュメント @ https://angular.io/guide/upgrade から、コンポーネントは「require」を使用できるように見えますが、方法がわかりません

バージョン

ノード -- バージョン v8.11.3

npm --バージョン 6.4.1

再現手順

私は非公開のプロジェクトを持っているので、レポを共有できません。あらかじめご了承ください。を使用して更新できるように、回路図のサポートを追加した角度のあるプロジェクトがありng updateます。したがって、migration.jsonファイルを含む回路図フォルダーがあります。

tsconfig.schematics.json:

tsconfig.schematics.spec.json:

jasmine.json:

次のng-updateフォルダがありますindex.ts：

package.json私のナビゲーションメニュープロジェクトの場合:

パッケージを公開したら、nav-menuこのパッケージを使用する他のアプリケーションのいずれかで更新しようとします。さまざまなコマンドを試してみましたが、どれも でmigration.json回路図を実行していないようですng update。だから私は試しました：

ng update @solarwinds/nav-menu-with-migration --to=1.0.0-nav-menu-with-migration.3 --migrate-only

次のエラーが表示されます。Incompatible peer dependencies found. See above

その--forceため、フラグを使用してみpackage.jsonましたが、ファイルは更新されましたが、migration.json回路図の実行が表示されません。

g update @solarwinds/nav-menu-with-migration --to=1.0.0-nav-menu-with-migration.3 --force --migrate-only

ng updateコマンドが実行されない理由がわかりません。migration.json回路図をテストしたかったので、実行時にコードが機能し、期待どおりに機能するかどうかを確認できるようcollection.jsonにポイントしました（注：これはテスト目的のみであり、移行を実行するために使用するつもりはありません）。出力は次のとおりです。 ng-update/indexng add @solarwinds/nav-menu-with-migration@1.0.0-nav-menu-with-migration.3ng-updateng add

誰かがここで私を助けてくれますかng update。よろしくお願いします！

https://github.com/angular/angular-cli/issues/13139

@角度/アップグレード/静的

「@angular/upgrade/static」の UpgradeModule を使用して、AngularJS コントローラーを Angular コンテキストにアップグレードしようとしています。

span や div で ng-show を ng-if に変更すると、囲まれたコンテンツが期待どおりに表示されない stackbliz コードを使用すると、問題が見やすくなります。

https://stackblitz.com/edit/angular-xcqzsy

Angular CLI: 7.0.6 ノード: 9.5.0 OS: win32 x64 Angular: 7.0.4 npm: 5.6.0

Angular アプリケーションで AngularJS コンポーネントを使用しようとしていますが、このマークアップの問題は、含まれているスパン ブロックが ng-repeat で表示されないことです。親 div の ng-if を ng-show に変更すると、内部マークアップは期待どおりに表示されます