web-dev-qa-db-ja.com

AngularJsアプリケーションにプレーンJavaScriptライブラリをインポートする

私は、AngularJsプロジェクトに取り組んでおり、非常に急速に大きくなっています。

現在、いくつかのユーザーデータを保存する必要があるため、 $localStorage for Angular 。

しかし、私は問題を抱えていました。アプリケーションが大量のデータを保存しているため、ブラウザーが数秒間ハングし、非常に迷惑です。

localStorageの非同期使用の検索多くの人が、それを使用することは不可能だと言っています。しかし、私はなんとかGitHubでプレーンなJavaScriptの実装を見つけることができました。

Mozillaが提供するものに基づいた Angular implementation がありますが、ビルドが失敗し、プロジェクトの重要性のためにもっと安定したものを使用したいと思います。

それから私はこの疑問に思いました、Angularアプリ内でプレーン/バニラJavaScriptをどのように使用すればよいですか？

私は、人々が通常使用するように「試みられる」方法でjQueryを使用することが推奨されないことを知っています。純粋なjavascriptライブラリをアプリケーションでどのように整理すれば、「Angular Way」で非常に整理され、適切に表示されるようにできますか？

編集：私はデータストレージの問題についてかなり具体的な例を挙げたので、一部の人々は私を助けてくれるかもしれませんこれ、本当に（本当に）感謝しています。しかし、残念ながら、これは私が期待する種類の回答ではありません。私の実際の質問とは関係がないためです。データの問題を自分で解決したとしても、Angular AppsにプレーンなJavaScriptコードを含めることのベストプラクティスは何ですか？ StackOverflowではなく、ここに投稿しました。ここでは、良い記事や質問を見つけることができませんでした。すばらしい開発者全員が私を助けてくれる力を期待しています。とりわけ、コミュニティを助けたいと思います。この質問に対する適切な回答は多くの人々を助けることができ、それがStackExchangeのすべてです。

javascriptlibrariesgithubangularjs
7
Patrick Bard

Require.js をお勧めします。コードをインポートする「標準Angular way）」があるとは思わない。なぜなら、他のテクニックを使用することになるからだ。

  • Bowerを使用して連結および縮小する
  • 通常のscriptタグを使用してインポートする
  • Require.jsなどの読み込みライブラリを使用する
  • 独自のものをAngularのサービスとして定義するだけです

http://oblongmana.com/articles/angular-third-party-injection-pattern/ は、サードパーティのライブラリをAngularizingするためのパターンを説明しているため、読みたいと思うかもしれません。 。

1
Greg Burghardt