首页 文章
  • 0 votes
     answers
     views

    ngbDatepicker日期格式:YYYY-MM-DD

    我正在使用Angular 5作为我的项目 . 所以我在表单中有日期输入字段,我使用的是NgbDatepicker,但我无法设置yyyy-mm-dd格式 . 而且当我选择日期时,它显示为一天在约会之前 . 请帮帮我 . <form class="form-inline"> <div class="form-group"> ...
  • 2 votes
     answers
     views

    Angular Material:如何在注销时关闭所有mat-dialogs和sweet-alert

    我想在Angular中注销时关闭所有对话框(mat-dialog,bootstrap modals和sweet alert) . 这是在AngularJS(版本1.5)中完成的方式: function logout() { //hide $mdDialog modal angular.element('.md-dialog-container').hide(); //hide any...
  • 0 votes
     answers
     views

    ng-bootstrap模式打开组件,但放置html选择器

    我在我的角度4应用程序中使用ng-bootstrap . 使用ngbModal我打开一个模态 . 模态内容放在一个单独的组件中: selector: 'my-modal-component' . Component one (click to open modal in the component.ts): this.spModalService.open(MyModalComponent, '...
  • 0 votes
     answers
     views

    ng-bootstrap中模态窗口的onHidden事件

    我正在尝试实现角度服务和将在模态窗口中显示的组件之间的交互 .ng-bootstrap提供了在按钮或右上角的十字架上获取click事件的可能性 . 但是,据我所知,当用户按下"esc"键或点击模态窗口周围的布局时,我无法得到这种情况 .例如,ngx-bootstrap提供等于NgbModal的类的.onHidden事件(通过EventEmitter)来覆盖上面的情况 . 我可以...
  • 0 votes
     answers
     views

    在sweetalert2内更改模型时,如果取消sweetalert,则不会更新单选按钮

    我'm new to angular and I' m尝试ng-bootstrap单选按钮 . 当有人点击按钮时,sweetalert2打开,如果我取消sweetalert2,单击按钮设置为单击 . 但是模型和以前一样没有请求触发器 . 零件 modelChanged($event, obj) { swal({ title: 'Are you sure?', text: &...
  • 0 votes
     answers
     views

    ngb-accordion用于渲染来自不同组件的多个面板

    用法:https://ng-bootstrap.github.io/#/components/accordion/examples 我试图在父组件中的 ngb-accordion 内获取所有子组件 ngb-panel . 我做了下面的代码,但它没有工作.. app-component.html <app-main> <app-child1></app-chil...
  • 16 votes
     answers
     views

    EventSmitter从bootstrap模态组件到parent

    我在Angular 4中使用ng-bootstrap,具体用例是"Component as content"的模态(来自https://ng-bootstrap.github.io/#/components/modal/examples的第二个场景) . 我想从孩子那里向父母发出一些数据 . 为此,我从示例中创建了一个非工作插件: modal.component.ts impo...
  • 0 votes
     answers
     views

    角度与引导类型

    我一直试图让我的Typeahead工作: <div *ngFor="let item of items; index as i"> <input type="text" name="name{{i}}" [(ngModel)]="item.name" [ngbTypeahead]="...
  • 125 votes
     answers
     views

    “ng-bootstrap”和“ngx-bootstrap”有什么区别?

    “ng-bootstrap”和“ngx-bootstrap”有什么区别?它们是否相互关联?或者它们只是并发实现? 有人和他们一起工作,可以给出/解释两者的利弊吗? "ng-bootstrap"我的意思是https://ng-bootstrap.github.io/#/home和 与"ngx-bootstrap"我的意思是http://valor-softwa...
  • 1 votes
     answers
     views

    使用bootstrap 3和4的应用程序存在冲突

    我有一个使用bootstrap 3和4的应用程序 . 它是一个非常庞大的应用程序,基于角度1和2的组合,我们已经为我们的角度1应用程序编写了很多scss文件 . 我需要: 确保到目前为止所写的所有scss都不会影响我们将插入角度为1页的ng2组件 . Angular 4 / bootstrap 4 scss不应影响当前角度1 / bootstrap 3 目前对于角度1我们有main.scss文件导...
  • 4 votes
     answers
     views

    NgbDatePicker - 如何将longDate字符串绑定到[ngModel]?

    我试图将格式化为“longDate”字符串的日期绑定到ngbDatePicker中的[ngModel]输入值 . 例如,当用户选择日期时,我想显示“2017年1月15日”而不是“2017-01-15” . 我知道[ngModel]仅绑定到NgbDateStruct类型的对象,在我看来,当我将类型为NgbDateStruct的对象(让我们将其称为selectedStartDate,如下面的代码所示)...
  • 2 votes
     answers
     views

    Bootstrap 4导航栏活动背景颜色

    在链接处于活动状态时,在Bootstrap 3导航栏中,链接背景颜色会更改为显示其活动链接 . 这似乎在Bootstrap 4中缺失 . 有没有办法显示这个或我是否需要覆盖活动类? Bootstrap 3导航栏如下所示 . 您可以看到活动主页链接突出显示如何在Bootstrap 4中显示此链接 . 角度5代码如下 <div class="navbar-collapse"...
  • 2 votes
     answers
     views

    ng-boostrap不工作如果'ngb-xx'是Angular组件,则验证它是否是此模块的一部分

    得到消息 如果'ngb-xx'是Angular组件,则验证它是否是此模块的一部分 对于我尝试的每个角度引导程序组件 设置过程 npm install angular-cli ng new project npm install npm install --save bootstrap npm install --save @ng-bootstrap/ng-bootstrap 在app...
  • 0 votes
     answers
     views

    未处理的Promise拒绝:模板解析错误:'ngb-timepicker'不是已知元素

    正如在ng-bootstrap文档中提到的那样定义ng-bootstrap,我刚刚安装在带有Angular4,Bootstrap4的angular-seed项目中 . 我在app.module中包含了NgbModule.forRoot(),在我使用ng-bootstrap组件的另一个模块中包含了NgbModule . 但仍然在使用时间选择器组件时它给了我这个错误: 未处理的Promise拒绝:模板...
  • 0 votes
     answers
     views

    模态 - 无法接近和@Input使用外部组件

    我正在尝试使用 @Input 与组件,但无法弄清楚当我点击打开模态时如何发送变量 . 例如,我有以下模板: <template #modalContent> <my-component-with-content [var1]="val1"></my-component-with-content> </template> ...
  • 23 votes
     answers
     views

    如何以编程方式关闭ng-bootstrap模式?

    我有一个模态: <template #warningModal let-c="close" let-d="dismiss"> <div class="modal-header"> <button type="button" class="close" ari...
  • 0 votes
     answers
     views

    关闭ng-bootstrap模式

    我正在使用 ng-bootstrap 作为我的角度4项目,并且在项目的一部分中我使用了包含表单的模态,当我提交表单时,我希望 modal 被关闭 . 我有这个部分的两个组件: 1:单击以运行模态2:模态内的表单验证 我能做什么 ? 我的代码是: <ng-template #signin let-c="close" let-d="dismiss">...
  • 0 votes
     answers
     views

    @ ng-bootstrap / ng-bootstrap模态打开和关闭

    使用angular 4.3.4,bootstrap 3.3.7,jQuery 3.2.1我似乎有@ ng-bootstrap / ng-bootstrap的奇怪问题这里是我stwp-by-step app.module 我已导入@ ng-bootstrap / ng-bootstrap模块并使用导入NgbModule.forRoot(),因为他们在文档中建议我也创建了名为"ModalMo...
  • 2 votes
     answers
     views

    从另一个组件触发ng-bootstrap模式

    我仍然是Angular的新手(使用5.x)并且在使用ng-bootstrap模式缠绕我的大脑时遇到了麻烦 . 我在每一行都有一个带有典型删除按钮的数据表(删除该行) . 我想触发一个小小的“你确定吗?”模态 . 但我不能按照我想要的方式工作 . 在我的“PageThatHasMyDatatable.component”中,我想调用“MyModal.component”的Open()方法,并在“My...
  • 3 votes
     answers
     views

    NG-bootstrap模态组件没有提供程序错误

    我是角度为2的ng-bootstrap库;特别是我在看:Components as content . 我试图将示例代码合并到我的项目中,但收效甚微 . 我从浏览器调试器得到的错误是 没有NgbModal的提供者,我在示例代码中没有看到任何内容 . 我不知道在哪里可以设置一个角度2项目来悲伤地演示 . 我想做的就是拿出他们的示例代码并将其实现到 ng new <projectname>...
  • 6 votes
     answers
     views

    如何在自定义操作上打开和隐藏ng-bootstrap datepicker?

    目前我正在使用: ng-bootstrap 1.0.0-alpha.24 angular / core 4.0.0 bootstrap 4.0.0-alpha.6 我想询问是否有人知道如何在焦点丢失或打开另一个datepicker时自动关闭日期选择器 . 此外,如果可以使用typescript关闭组件代码中的datepicker,我现在也想要 . 如果有人可以提供有效的plunke...
  • 1 votes
     answers
     views

    ng-bootstrap警报不会关闭

    单击X按钮时,我的警报不会关闭 . 我使用angular cli来创建一个新的应用程序 . 我按照说明here加载bootstrap: npm install bootstrap@4.0.0-alpha.6 然后我按照说明here加载ng-bootstrap: npm install --save @ng-bootstrap/ng-bootstrap app.module.ts: import...
  • 0 votes
     answers
     views

    ng-bootstrap模式在其他组件单击时触发

    我想在点击其他组件后使用ng-bootstrap打开带有项目详细信息的模态窗口,但是我在传输 component 参数时遇到问题 . 我在这里尝试了其他主题的建议使用 @ViewChild('content') content; 但它不起作用,我得到的只是一个空模态 . app.component.ts: import {Component, OnInit, ViewChild} from '@a...
  • 1 votes
     answers
     views

    使用ng-bootstrap编译JavaScriptServices项目时出现意外的令牌

    我正在使用JavaScriptServices开发Angular应用程序 . 将ng-bootstrap添加到我的项目后,我在编译 生产环境 时收到了大量的'Unexpected token' Webpack编译错误( works fine when compiling for dev ) . 请参阅以下错误之一: ERROR in ./$$_gendir/~/@ng-bootstrap/ng-b...
  • 13 votes
     answers
     views

    为什么Bootstrap 4 Navbar总是崩溃? [重复]

    这个问题在这里已有答案: Bootstrap 4 toggleable navbar 1回答 我更新到ng-bootstrap的v1.0-beta . 现在,导航栏始终处于折叠状态 . 当我点击汉堡包来切换菜单时,它会打开,但会垂直而不是水平显示内容 . 我已经包含了下面导航的代码 . 它和以前一样 . 在这一点上,如果问题出在ng-bootstrap,bootstrap 4或其组合中,我无法...
  • 10 votes
     answers
     views

    Angular 2 ng-bootstrap close Modal

    我试图关闭通过open(内容)函数呈现给我的模态,如ng-boostrap的Documentation中的示例所示 . 在网站上,它提到我可以致电NgbActiveModal关闭或解雇 . 所以我在组件中包含了NgbActiveModal并尝试调用dismiss()或close() . 它们都不起作用 . 首先,dismiss()是未定义的(我导入NgbActiveModal错了吗?)当我调用cl...
  • 4 votes
     answers
     views

    Angular2 ng-bootstrap模块在组件中关闭

    当输入正常时,我将通过保存关闭组件中的引导模式 . 我正在使用angular v2.4.1和ng-bootstrap 1.0.0-alpha.19 我已经尝试了this解决方案,但我收到以下错误: 没有ViewContainerRef的提供者 我试图将ViewContainerRef添加到我的module.ts但是我收到以下错误: 类型'typeof ViewContainerRef'不能分...
  • 0 votes
     answers
     views

    将数据从父组件以角度2/4传递到ngbmodal实例

    我不知道在Angular 2/4中是否可以实现这一点 . 我有一个模态组件,而模组件又有一个模态内容组件 . 我还有一个允许打开/关闭模态实例的服务 . 我正在使用ngbModal . 模态内容模板需要根据布尔参数显示/隐藏某些字段 . 我的Page组件有一个按钮,点击时需要用boolean参数打开modalInstance . 这是我的, page.component.html <div ...
  • 2 votes
     answers
     views

    模态没有正确出现角度4

    我正在使用ng-bootstrap Here尝试做一个模态样本,但是当我点击打开模态时它虽然存在于DOM中但它不会出现 . 我的角度核心版本:4.0.0,@ ng-bootstrap / ng-bootstrap:1.0.0-alpha.29,bootstrap:3.3.7 测试modal.component.html <div class="modal-header"...
  • 0 votes
     answers
     views

    Angular 4 NgbModal立即接近

    我正在尝试将NgbModal用于我的应用 . 我复制粘贴Modal的示例与组件,我有这个问题,我找不到为什么,由于某种原因 The modal gets open then closes straight away. 我在调试时发现它,我确实看到模式弹出,但是当完成调试时它会关闭,所以没有调试我甚至看不到它被打开 . I am Using Angular 4.3.1 and bootstrap v...

热门问题