2016-11-22 6 views
0

В основном, я разработчик Laravel и в настоящее время изучаю угловую структуру 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, добавьте ссылочный тег, и все будет сделано.

Но Угловая 2 имеет разную историю и архитектуру. Он предпочитает управлять всеми своими зависимостями через менеджер пакетов npm. Он модульный. Мне очень нравится свобода отделять передний конец от задней части, так как это позволит нам разработать общее фоновое приложение как для веб-приложений, так и для мобильных приложений. Хорошо, я ухожу от темы здесь. Давайте подошли к делу.

В то же время я не мог найти альтернативы для библиотек интерфейса, которые я использую. Некоторые библиотеки, такие как titatoggle, eonasdan-bootstrap-datetimepicker, jquery-toast-plugin, Sortable, которые действительно классные вещи, отсутствуют в репозитории npm. Можете ли вы предложить какие-либо альтернативы или рекомендации, которые вписываются в соглашение с угловым2.

ответ

0

Если вы работаете с Angular 2 и Bootstrap, очень прочное предложение для datepicker будет https://ng-bootstrap.github.io/#/components/datepicker. Это полностью родная директива, которая означает, что вам не нужно приводить jQuery и т. Д. Очевидно, что она доступна на npm и поддерживает функции Angular2, такие как AoT и рендеринг на стороне сервера с универсальным (что очень сложно с помощью jQuery-wrapped виджеты).