2016-11-22 8 views
0

基本的に、私はLaravelの開発者であり、現在Angular 2フレームワークを学んでいます。私はバワーを介して第三者のフロントエンド資産を管理していました。ここに私のbower.json角度2ベースのプロジェクトのフロントエンドライブラリ

{ 
    "name": "Bower Components", 
    "dependencies": { 
    "titatoggle": "https://github.com/kleinejan/titatoggle.git#~1.2.6", 
    "tinymce": "git://github.com/tinymce/tinymce-dist.git#~4.1.10", 
    "eonasdan-bootstrap-datetimepicker": "^4.17.37", 
    "jquery-toast-plugin": "^1.3.1", 
    "Sortable": "^1.4.2", 
    "bootstrap": "^3.3.7", 
    "font-awesome": "fontawesome#^4.7", 
    "bootbox.js": "bootbox#^4.4.0" 
    } 
} 

のサンプルでは、​​それは私のlaravelプロジェクトのセットアップの公開/ベンダーフォルダに上記の依存関係を保存しています。基本テンプレートまたはビューでは、以下のように参照していました。

<link rel="stylesheet" href="{{ asset("vendor/jquery-toast-plugin/dist/jquery.toast.min.css") }}"> 
<link rel="stylesheet" href="{{ asset("vendor/titatoggle/dist/titatoggle-dist-min.css") }}"> 
<link rel="stylesheet" href="{{ asset("vendor/font-awesome/css/font-awesome.min.css") }}"> 
<link rel="stylesheet" href="{{ asset('vendor/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css') }}" /> 

これは単純でした。新しいフィーチャを統合し、依存関係を追加し、bower installを実行し、参照タグを追加する必要がある場合は、完了です。

しかし、角2は異なるストーリーとアーキテクチャを持っています。 npmのパッケージマネージャーを使って依存関係をすべて管理することを好みます。モジュール式です。私は、バックエンドからフロントエンドを分離する自由が本当に好きです.Webアプリケーションとモバイルアプリの両方で共通のバックエンドアプリケーションを開発できるようになるからです。私はここでトピックを外しています。ポイントに来てみましょう。

その間、私は使用しているフロントエンドライブラリの代替案を見つけることができませんでした。 titatoggle、eonasdan-bootstrap-datetimepicker、jquery-toast-plugin、Sortableなどのライブラリの中には、npmリポジトリには本当にクールなものがあります。あなたは、angular2の規則に適合する選択肢や推奨事項を提案できますか?

答えて

0

Angular 2とBootstrapを使用している場合、datepickerの非常に堅実な提案はhttps://ng-bootstrap.github.io/#/components/datepickerとなります。それはあなたがjQueryなどを持って来る必要がないことを意味する完全にネイティブの指示です。明らかに、npmで利用可能で、AoTやサーバ側のレンダリングなどのAngular2の仕様をユニバーサル(jQueryでラップされたものウィジェット)。

関連する問題