基于角度2的项目的前端库

时间:2016-11-22 07:03:13

标签: angular npm bootstrap-datetimepicker

基本上,我是Laravel开发人员,目前正在学习angular 2框架。我一直在通过凉亭管理我的第三方前端资产。这是我的bower.json

的样本
SEQUENCE_OBJECT_sha256WithECEncryption

它将上述依赖项保存到我的laravel项目设置的public / vendor文件夹中。在基本模板或视图中,我一直在引用它,如下所示。

{
  "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"
  }
}

这很简单!如果您需要集成新功能,请添加到依赖项,运行bower install,添加引用标记并完成。

但Angular 2有不同的故事和架构。它更喜欢通过npm包管理器来管理它的所有依赖。它是模块化的。我非常喜欢将前端与后端分离的自由,因为它将允许我们为Web应用程序和移动应用程序开发一个通用的后端应用程序。好的,我在这里讨论主题。让我们来谈谈。

与此同时,我找不到我正在使用的前端库的任何替代方案。 npm存储库中缺少一些库,如titatoggle,eonasdan-bootstrap-datetimepicker,jquery-toast-plugin,Sortable等非常酷的东西。你能否提出任何符合angular2惯例的替代方案或建议。

1 个答案:

答案 0 :(得分:0)

如果您正在使用Angular 2和Bootstrap,那么针对日期选择器的非常可靠的提议将是https://ng-bootstrap.github.io/#/components/datepicker。它是一个完全原生的指令,这意味着你不需要带jQuery等。显然它可以在npm上使用并支持像AoT这样的Angular2特有的和带有通用的服务器端渲染(jQuery很难实现) - 包装小部件)。