代码之家  ›  专栏  ›  技术社区  ›  Adam Vincent

有人能澄清一些关于如何同时使用twitter引导和Angular 4的困惑吗?

  •  0
  • Adam Vincent  · 技术社区  · 7 年前

    所以我一直在涉猎Angular(4.x.x),我想使用twitter引导,因为它看起来很不错。

    这就是困惑的开始:

    我调查 ng-bootstrap ,然后前往他们的文档,了解如何安装它。一切都很顺利,只是没有包括CSS样式,文档也没有告诉您如何获得CSS样式。似乎是“入门”指南的基本必要条件,但无论如何。

    ng引导 安装和样式。

    https://medium.com/codingthesmartway-com-blog/using-bootstrap-with-angular-c83c3cee3f4a

    Ng引导包含一组基于引导标记和CSS的本机角度指令。因此,不需要依赖jQuery或引导JavaScript。 ...

    应该不需要jquery和boostrap JS,为什么我要添加bootstrap.min.JS和jquery.min.JS?!

    3 回复  |  直到 7 年前
        1
  •  2
  •   Shanil Fernando    7 年前

    我认为使用ng引导不需要添加bootstrap.min.js或jquery.min.js。请检查以下链接。

    https://github.com/ng-bootstrap/ng-bootstrap

    编辑

    ng引导包含一组基于引导标记和CSS的本机角度指令。因此 不需要依赖jQuery或Bootstrap的JavaScript 。唯一需要的依赖项是:

    有棱角的

    ng-bootstrap getting started

        2
  •  1
  •   Z. Bagley    7 年前

    当人们说你不想在Angular项目中使用jquery时,他们的意思是直接在组件或html中使用。使用第三方npm模块完全可以,引导可以快速、轻松地以干净、安全的方式集成到您的角度环境中。如果您还没有使用Angular CLI,我强烈建议您使用。

    仅仅 npm install --save boostrap .

      "styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "styles.scss"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/tether/dist/js/tether.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js"
      ],
    

    注: 正如你提到的,甚至这些“角度引导”模块也在使用jquery和引导css,根据我的经验,这绝对不是什么新鲜事。当Angular和bootstrap并排快速发展时,它们可能已经有了用武之地,但现在更多的是没有回报的工作。

        3
  •  0
  •   alehn96    7 年前

     "styles": [
        "styles.css",
        "../node_modules/font-awesome/css/font-awesome.css",
        "../node_modules/bootstrap/dist/css/bootstrap.css"
      ]
    

    您必须安装引导的npm包

    我希望它能帮助你