Angular 9シリーズ(VI)はネイティブのJS変数とメソッドを呼び出します

クズども · 掲載地 2020/06/10 10:33:24

復習

Angular 9シリーズ(1)動的負荷成分
https://www.itsvse.com/thread-9238-1-1.html

Angular 9系列(2)動的成分伝送パラメータ
https://www.itsvse.com/thread-9245-1-1.html

Angular 9シリーズ(3)は動的コンポーネントイベントをサブスクライブします
https://www.itsvse.com/thread-9246-1-1.html

Angular 9シリーズ(IV)カスタムパイプパイプライン
https://www.itsvse.com/thread-9248-1-1.html

Angular 9シリーズ(V)は金額通貨形式をフォーマットします
https://www.itsvse.com/thread-9249-1-1.html

Angularの単一ページを作成する際には、既存のウェブページに埋め込むことがあり、既存のウェブページは多くのオリジナルのjsやcssファイルを導入し、元のウェブページのパッケージング方法や変数を使う必要があるかもしれません。

Angularを使ってネイティブのJS変数やメソッドを呼び出すのはどうでしょうか? この記事ではその詳細を紹介します。

実際、私たちはすでにそれを使ったことがあります。

Angular6がBaiduマップチュートリアルを導入
https://www.itsvse.com/thread-7481-1-1.html

まず、index.htmlからいくつかのjs変数とメソッドを定義します。コードは以下の通りです。

ログインが見えます。

Angularコンポーネントにボタンを入れ、「実行js」ボタンを押すと、定義したメソッドが実行され、定義された変数が取得されます。

レンダリングは以下の通りです:

TSファイルコード:

ログインが見えます。

(終わり)

[角] Angular 9シリーズ(VI)はネイティブのJS変数とメソッドを呼び出します

関連記事

閲覧したセクション