相关疑难解决方法(0)

我是一个后端开发人员,我只是在玩Angular4.所以我做了这个安装教程:https://www.youtube.com/watch？v = cdlbFEsAGXo.

鉴于此,我如何添加bootstrap到应用程序,所以我可以使用类"container-fluid"或"col-md-6"等类似的东西？

例如 @import url("~./foobar");

在这里看到它,不确定它是否是某些包特定的东西或它是否是真正的CSS语法.

我一直在实现ng2-bootstrap和Angular2.

我无法弄清楚如何打开/关闭移动导航栏.

这是不支持的东西吗？或者我错过了什么？

更新,HTML:

<nav class="navbar navbar-default">
    <div class="container-fluid">

    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">
            <img src="/logo.png" />
        </a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li router-active>
                <a [routerLink]=" ['Index'] ">Summary<span class="sr-only">(current)</span></a>
            </li>
            <li router-active>
                <a [routerLink]=" ['Portfolio'] ">Portfolio<span class="sr-only">(current)</span></a>
            </li>
            <li router-active>
                <a [routerLink]=" ['About'] ">About<span class="sr-only">(current)</span></a>
            </li>
        </ul>
        <form class="navbar-form navbar-left" role="search">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Search">
            </div>
            <button type="submit" …

我正在尝试使用angular-cli并尝试在项目中获得sass和bootstrap.我在维基中读过你可以做的事情:

ng install sass

使用当前最新版本(beta.5)执行此操作会给出错误:

Install failed. Could not find addon with name: sass

我怎样才能以angular-cli处理索引页面和systemJS的方式安装bootstrap和sass？

我已经按照以下步骤将bootstrap 4安装到我的Angular 2项目中:接受的答案,遵循前1,2,3和4步骤

但是,当我将以下内容添加HTML到我的标题组件时:

<nav class="navbar-dark bg-inverse">
<div class="container">
    <a href="#" class="navbar-brand"></a>
    <ul class="nav navbar-nav float-xs-right">
        <li class="nav-item dropdown">
            <a href="#" class="nav-link dropdown-toggle" id="nav-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">SomeEmail@hotmail.com</a>
            <div class="dropdown-menu" aria-labelledby="nav-dropdown">
                <a href="#" class="dropdown-item">Sign Out</a>
            </div>
        </li>
    </ul>
</div>

正如你可以看到它的基本下拉菜单,当我点击下拉菜单时页面刷新,而不是显示'退出'选项.

这是我的angular-cli.json样式部分:

"styles": [
  "styles.css",
  "../node_modules/bootstrap/dist/css/bootstrap.min.css"
],    

在我的Angular 2模块中:

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

然后我将NgbModule导入导入部分.

我显然错过了一些东西,有人可以说明它可能究竟是什么吗？

OS

Mac OSX El Capitan

版本

angular-cli: 1.0.0-beta.8, node: 6.2.0,os: darwin x64

描述

我试图lodash在angular-cli项目中添加库:

• npm install --save lodash
• typings install lodash --global --save

已成功安装node_modules.

system-config.ts:

/** Map relative paths to URLs. */
const map: any = {
  'lodash': 'vendor/lodash',
};

/** User packages configuration. */
const packages: any = {
  'lodash': {
    format: 'cjs',
    defaultExtension: 'js',
    main: 'core.js'
  }
};

角-CLI-build.js

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');

module.exports = function(defaults) {
  return new Angular2App(defaults, …

当我在 angularjs 2 中配置 bootstrap 时，我在此链接中遇到了以下步骤，

如何将 bootstrap 添加到 angular-cli 项目

npm i bootstrap@next

我明白如果我们运行以下命令，

npm i -S bootstrap@4.0.0-alpha.4 

然后这将安装 bootstrap alpha 版本。但是如果我们给出@next，将安装哪个版本？

还有 --save 和 @next 之类的，

npm i bootstrap@next --save

推荐哪个？以及我们如何确认已安装版本的版本？

我可能无法将ngx-bootstrap安装到我的angular 4项目中,因此无法使用预定义的模板.我已经通过以下两个链接进行ngx-bootstrap安装,请指导我正确的方法.

https://valor-software.com/ngx-bootstrap/#/getting-started

https://loiane.com/2017/08/how-to-add-bootstrap-to-an-angular-cli-project/

我的版本是：

1. npm v6.14.12
2. node v10.24.1
3. angular-cli v8.0.2

我使用以下命令创建了一个库：

步骤1：ng new my-workspace --create-application=false

第2步：cd my-workspace然后ng generate library my-lib

步骤3：cd projects/my-lib/src/lib

步骤4：npm install bootstrap --save

之后我可以看到my-workspace/projects/my-lib/package.json

  "dependencies": {
    "bootstrap": "^5.0.1"
  }

但现在我被困住了。我被告知在style.css或angular.json中添加 bootstrap 。但这些文件不会存在于库代码中。请告诉我如何进行此操作。我发现的几乎所有文章都是针对成熟的角度应用程序。

这意味着

我正在将我的项目从 angular2 升级到 angular4。

升级时它显示ng2-bootstrap已更改为ngx-bootstrap，我已将其添加到我的package.json 中并更新了我的模块。

但现在当我使用

 import { DropdownModule,ModalModule, PaginationModule, DatepickerModule, TabsModule } from 'ngx-bootstrap';

DropdownModule 显示错误，它丢失了

以前它就像

   import { DropdownModule,ModalModule, PaginationModule, DatepickerModule, TabsModule } from 'ngx-bootstrap';

然后它工作正常（angular2）

我该怎么办？

我创建了 Angular 应用程序并使用“npm install bootsrap”安装 bootstrap 并将路径添加到 angular.json 文件。但是当我创建一个按钮并添加引导类时，输出不显示应用引导类。

有人可以帮我解决这个问题吗...谢谢