首页 文章

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

提问于
浏览 次
0

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

{
  "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项目设置的public / vendor文件夹中 . 在基本模板或视图中，我一直在引用它，如下所示 .

<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，添加引用标记并完成 .

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

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

angular npm bootstrap-datetimepicker

1 回答

  • 0

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

    回复于

相关问题