ng2-bootstrap

add custom button in actions column in ng2-smart-table angular 2

故事扮演 提交于 2019-11-29 01:08:23
问题 in ng2-smart-table angular 2 i want to add a new button in actions column and by click on this button it will route to another page this is the add , edit and delete buttons but i tried to make the new button like this but it's not working settings = { add: { addButtonContent: '<i class="ion-ios-plus-outline"></i>', createButtonContent: '<i class="ion-checkmark" ></i>', cancelButtonContent: '<i class="ion-close"></i>', confirmCreate: true, }, edit: { editButtonContent: '<i class="ion-edit"><

Is there a way to build the mobile nav bar in ng2-bootstrap?

陌路散爱 提交于 2019-11-28 05:24:29
I've been implementing ng2-bootstrap and Angular2. I cannot figure out how to make the mobile navbar open / close. Is this something that just isn't supported yet? Or am I missing something? Update, 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=

Run Spring4MVC with Angular 2 on a single server

五迷三道 提交于 2019-11-28 04:25:15
I am new to angular2, I want to know what is the possible file structure for SpringMVC4 with angular 2? As shown in image, it will work for Angular 1.x but file structure of Angular 2 is quite different and its component driven, and I am using angular 2 file structure as given below I searched a lot and I found that we can use Front end(using angular2) and back end(server- using spring/springboot) separately, but we need 2 server to run application. For example, Frontend : 192.168.100.1:4200 And Backend : 192.168.100.1:8080 So is there any way or general file structure to run both angular2 and

Angular 2 ng2-bootstrap modal inside child component called from parent component

佐手、 提交于 2019-11-27 05:13:10
Hard to explain this. I had a simple working ng2-bootstrap modal example working. I expanded it to include Boostrap 4 Jumbotron example template for my home page, now the ng2-bootstrap modal does nothing. I can see the this.childModal.show() in child modal component is getting called on the button click, but nothing happens. No error in Chrome console and no modal shows. I have no idea what to do next :-/ // ============================================================================ // /src/app/app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '

AngularJS2初学小结

社会主义新天地 提交于 2019-11-27 00:01:07
本文的实例中用到了 ng2-bootStrap ,是用Angular2和bootStrap开发的第三方Component。感兴趣的同学可以戳链接看看。 ###Component 自定义Component -在Angular2中使用@Component 注解在自定义组件: import {Component} from '@angular/core'; import {AlertComponent, DATEPICKER_DIRECTIVES} from 'ng2-bootstrap/ng2-bootstrap'; @Component({ selector: 'my-app', directives: [AlertComponent], templateUrl:'Demo.html' }) export class AppComponent { } 其中Demo.html就是一个html文件内容如下: <alert type="info">ng2-bootstrap hello world!</alert> 你就可以在你的index.html中使用<my-app></my-app> 截图如下: 2.@Component 的属性 在@Component中有几个比较常用的属性,上面的eg中出现了三个。 selector 相当与html的标签。 directives

How to implement Modal Dialog in Angular 2 and above

老子叫甜甜 提交于 2019-11-26 01:40:34
问题 I am a newbie to angular. I have used bootstrap modal using the package ng2-bootstrap. My View file is <div bsModal #lgModal=\"bs-modal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myLargeModalLabel\" aria-hidden=\"true\"> <div class=\"modal-dialog modal-lg\"> <div class=\"modal-content\"> <div class=\"modal-header\"> <h4 class=\"modal-title pull-left\">Area Master</h4> <button type=\"button\" class=\"close pull-right\" (click)=\"lgModal.hide();\" aria-label=\