Giter Site home page Giter Site logo

greengerong / rebirth-ng Goto Github PK

View Code? Open in Web Editor NEW
116.0 21.0 21.0 37.38 MB

rebirth-ng is a ui framework for Angular & bootstrap.

Home Page: https://greengerong.github.io/rebirth-ng/

License: MIT License

TypeScript 19.06% JavaScript 0.44% HTML 5.67% CSS 74.83%
angular2 bootstrap angular rebirth component rebirth-ui rebirth-ng angular4

rebirth-ng's Introduction

@Rebirth/NG

Build Status dependcy dev dependcy npm version

Angular UI plugin with bootstrap;

Components

  • Accordion
  • Alert Box
  • Badge
  • Modal
  • Alert/Confirm
  • Checkbox/RadioGroup
  • Pager
  • Pagination
  • Panel
  • DatePicker
  • Rating
  • Popover
  • Tooltip
  • Tabs
  • Action Button
  • Progress Bar
  • Auto Complete
  • Switch
  • Select Button
  • Carousel
  • Overlay
  • Breadcrumbs
  • Menu Bar
  • Aside Menu
  • Flow Steps
  • Infinite Scroll
  • Data Table
  • TimePicker
  • Validators
  • Notify
  • Tree View
  • File Upload
  • Image Upload

Advance Components

Themes

  • Default
  • Dark
  • Cosmo
  • Paper
  • Journal
  • Readable
  • United
  • Sandstone

Tasks

  • Pagination with select for page size

  • re-modal-backdrop refactor to common use, not only for modal.

  • refactor dropdown to service

Build

  • Run serve: Run npm run build:lib then npm start

  • Docs deploy: npm run docs:deploy

  • npm publish npm run npm:publish and then cd .lib && npm publish

  • new component gulp new:cmp --ComponentName

Get start

Get start

rebirth-ng's People

Contributors

angular-cli avatar ariesjia avatar azzgo avatar bangwu avatar bsdfzzzy avatar chengpohi avatar greengerong avatar lynings avatar phodal avatar rexebin avatar warnerhooh avatar wfsovereign avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

rebirth-ng's Issues

Modal组件在惰性加载模块中无法弹出子Modal

DemoModule中定义entryCompoents:[DemoComponent,TestComponent],先弹出DemoComponent,然后在DemoComponent中弹出TestComponent时报错"***Did you add it to @NgModule.entryComponents",调试可知弹出DemoCompoennt时componentFactoryResolver对应_ngModule是DemoModule,可弹出TestComponent时componentFactoryResolver对应_ngModule为AppModule

Error: Should setup ViewContainerRef on modal options or rebirth config service!

按照demo例子使用Dialog出现报错:

import {DialogService} from "ng2-rebirth-ui";

confirm() {
    this.dialogService.confirm({
      title: '删除',
      content: 'This is <strong>rebirth alert</strong> content.',
      yes: '确定',
      no: '取消',
      html: true
    });
  }

Error: Should setup ViewContainerRef on modal options or rebirth config service!

About Modal Dialog can auto close

Dear Sir
When I use the Modal Dialog Module,if I clicked the backdrop,the dialog would be closed automaticly.Can I change this setting to not close the dialog automaticly? I did not find any option setting in ModalOptions.
Pls give me some suggestions.Thank you very much.

AutoComplete 组件 formatter 和 valueParser 一起使用时有BUG

问题描述

AutoComplete 组件
formatter 和 valueParser 一起使用有问题,当重复选择同一个item的时候,选中的内容会被清空。

代码示例

Typescript

const communityList: Community[] = [{name: 'A'},  {name: 'B'}, {name: 'C'}];

onSearchCommunity = (name: string) => Observable.of(
    (this.communityList || [])
      .filter((community: Community[]) => community.name.indexOf(name) !== -1)
  )

  selectFormatter(community: Community): string {
    return community.name;
  }

  selectValueParser(community: Community): string {
    return community.name;
  }

  onSelectValueChange(community: Community) {
    // TODO
  }

template

<form class="form-horizontal">
  <div class="form-group">
    <label for="communityFromSource" class="col-sm-2 control-label">搜索小区:</label>
    <div class="input-group">
      <input type="text" class="form-control" name="community" id="communityFromSource" [minLength]="0"
             [(ngModel)]="selectCommunity"
             [dataSource]="communityList"
             [onSearch]="onSearchCommunity"
             [formatter]="selectFormatter"
             [valueParser]="selectValueParser"
             (selectValueChange)="onSelectValueChange($event)"
             reAutoComplete #autoComplete="autoComplete"/>
      <div class="input-group-addon" (click)="autoComplete.toggle($event)">
        <i class="glyphicon glyphicon-menu-down"></i>
      </div>
    </div>
  </div>
</form>

GIF BUG 重现

运行效果

问题源码定位

AutoCompleteDirective.ts

...
ngOnInit() {
...
setTimeout(() => {
...
      this.popupRef.instance.registerOnChange(item => {
        const value = this.valueParser(item);       // 问题 1 
        this.writeValue(value);                               // 问题 2 两接口同时调用外部的函数时就会有问题
        this.onChange(value);
        this.hidePopup();
        this.selectValueChange.emit(item);
      });
    }, 0);
}

...

v6 项目启动报错 'rebirth-ng' module not found

ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app'
ERROR in ./src/app/app.component.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app'
ERROR in ./src/app/demo/accordion/accordion-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/accordion'
ERROR in ./src/app/demo/action-button/action-button-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/action-button'
ERROR in ./src/app/demo/alert-box/alert-box-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/alert-box'
ERROR in ./src/app/demo/auto-complete/auto-complete-demo.mdoule.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/auto-complete'
ERROR in ./src/app/demo/badge/badge-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/badge'
ERROR in ./src/app/demo/breadcrumbs/breadcrumbs-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/breadcrumbs'
ERROR in ./src/app/demo/carousel/carousel-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/carousel'
ERROR in ./src/app/demo/checkbox-group/checkbox-group-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/checkbox-group'
ERROR in ./src/app/demo/data-table/data-table-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/data-table'
ERROR in ./src/app/demo/date-picker/date-picker-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/date-picker'
ERROR in ./src/app/demo/dialog/dialog-demo.component.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/dialog'
ERROR in ./src/app/demo/dialog/dialog-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/dialog'
ERROR in ./src/app/demo/draggable/draggable-demo.component.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/draggable'
ERROR in ./src/app/demo/draggable/draggable-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/draggable'
ERROR in ./src/app/demo/ellipsis/ellipsis-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/ellipsis'
ERROR in ./src/app/demo/file-upload/file-upload-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/file-upload'
ERROR in ./src/app/demo/flow-step/flow-step-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/flow-step'
ERROR in ./src/app/demo/image-upload/image-upload-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/image-upload'
ERROR in ./src/app/demo/infinite-scroll/infinite-scroll-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/infinite-scroll'
ERROR in ./src/app/demo/menu-bar/menu-bar-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/menu-bar'
ERROR in ./src/app/demo/modal/modal-demo.component.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/modal'
ERROR in ./src/app/demo/notify/notify-demo.component.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/notify'
ERROR in ./src/app/demo/notify/notify-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/notify'
ERROR in ./src/app/demo/overlay/overlay-demo.component.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/overlay'
ERROR in ./src/app/demo/pager/pager-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/pager'
ERROR in ./src/app/demo/pagination/pagination-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/pagination'
ERROR in ./src/app/demo/panel/panel-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/panel'
ERROR in ./src/app/demo/popover/popover-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/popover'
ERROR in ./src/app/demo/progress-bar/progress-bar-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/progress-bar'
ERROR in ./src/app/demo/radio-group/radio-group-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/radio-group'
ERROR in ./src/app/demo/rating/rating-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/rating'
ERROR in ./src/app/demo/select/select-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/select'
ERROR in ./src/app/demo/select-button/select-button-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/select-button'
ERROR in ./src/app/demo/slider/slider-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/slider'
ERROR in ./src/app/demo/switch/switch-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/switch'
ERROR in ./src/app/demo/tabs/tabs-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/tabs'
ERROR in ./src/app/demo/tabs/tabs-demo.component.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/tabs'
ERROR in ./src/app/demo/tags/tags-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/tags'
ERROR in ./src/app/demo/time-picker/time-picker-demo.component.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/time-picker'
ERROR in ./src/app/demo/time-picker/time-picker-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/time-picker'
ERROR in ./src/app/demo/tooltip/tooltip.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/tooltip'
ERROR in ./src/app/demo/tree-view/tree-view-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/tree-view'
ERROR in ./src/app/demo/validators/validators-demo.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/demo/validators'
ERROR in ./src/app/feature/show-case.component.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/feature'
ERROR in ./src/app/shared/shared.module.ts
Module not found: Error: Can't resolve '/Users/mc/program/self/js/angular-project/rebirth-ng/dist/rebirth-ng' in '/Users/mc/program/self/js/angular-project/rebirth-ng/src/app/shared'
ℹ 「wdm」: Failed to compile.
ERROR in src/app/app.component.ts(2,42): error TS2307: Cannot find module 'rebirth-ng'.
src/app/app.module.ts(47,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/app.module.ts(54,44): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/accordion/accordion-demo.component.ts(2,32): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/accordion/accordion-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/action-button/action-button-demo.component.ts(2,28): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/action-button/action-button-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/alert-box/alert-box-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/auto-complete/auto-complete-demo.mdoule.ts(6,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/badge/badge-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/breadcrumbs/breadcrumbs-demo.component.ts(2,28): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/breadcrumbs/breadcrumbs-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/carousel/carousel-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/checkbox-group/checkbox-group-demo.component.ts(2,40): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/checkbox-group/checkbox-group-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/data-table/data-table-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/date-picker/date-picker-demo.module.ts(6,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/dialog/dialog-demo.component.ts(2,31): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/dialog/dialog-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/draggable/draggable-demo.component.ts(2,36): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/draggable/draggable-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/ellipsis/ellipsis-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/file-upload/file-upload-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/flow-step/flow-step-demo.component.ts(2,26): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/flow-step/flow-step-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/image-upload/image-upload-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/infinite-scroll/infinite-scroll-demo.component.ts(2,41): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/infinite-scroll/infinite-scroll-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/menu-bar/menu-bar-demo.component.ts(2,25): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/menu-bar/menu-bar-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/modal/modal-demo.component.ts(2,37): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/notify/notify-demo.component.ts(2,44): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/notify/notify-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/overlay/overlay-demo.component.ts(2,32): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/pager/pager-demo.module.ts(5,29): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/pagination/pagination-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/panel/panel-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/popover/popover-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/progress-bar/progress-bar-demo.module.ts(6,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/radio-group/radio-group-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/rating/rating-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/select-button/select-button-demo.component.ts(2,34): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/select-button/select-button-demo.module.ts(6,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/select/select-demo.component.ts(2,29): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/select/select-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/slider/slider-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/switch/switch-demo.module.ts(6,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/tabs/tabs-demo.component.ts(2,31): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/tabs/tabs-demo.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/tags/tags-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/time-picker/time-picker-demo.component.ts(2,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/time-picker/time-picker-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/tooltip/tooltip.module.ts(5,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/tree-view/tree-view-demo.module.ts(4,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/demo/validators/validators-demo.module.ts(6,33): error TS2307: Cannot find module 'rebirth-ng'.
src/app/feature/show-case.component.ts(5,29): error TS2307: Cannot find module 'rebirth-ng'.
src/app/shared/shared.module.ts(8,33): error TS2307: Cannot find module 'rebirth-ng'.

我在用reDatePicker时发现一个奇怪的问题

我在用reDatePicker时发现一个奇怪的问题。
<input class="ipt-time form-control" placeholder="" [showTimePicker]="true" [minDate]="minDate" [maxDate]="maxDate" name="sendTimeKey1" name="dp1" [(ngModel)]="formDataObj.formKey1.sendTime" reDatePicker #datePickerkey1="datePicker" (click)="datePickerkey1.toggle($event)" #sendTimeKey1="ngModel">
<input class="ipt-time form-control" placeholder="" [showTimePicker]="true" [minDate]="minDate" [maxDate]="maxDate" name="sendTimeKey2" name="dp2" [(ngModel)]="formDataObj.formKey2.sendTime" reDatePicker #datePickerkey1="datePicker" (click)="datePickerkey2.toggle($event)" #sendTimeKey2="ngModel">

初始的时候
formDataObj.formKey1.sendTime=‘2017-09-04 16:36’
formDataObj.formKey2.sendTime=‘2017-09-04 16:36’
然后我在某个事件发生的时候设置formDataObj.formKey1.sendTime=‘’
这时理论上界面应该只有第一个input框内容为空。但是实际上第二个input框也被清空了。但是这个清空只是单纯的数据看不见。保存的话或者断点formDataObj.formKey2.sendTime的值确实是正常存在的。

求解

我还尝试直接用dom操作第一个input元素让他的value='';但是发现只是看不见。数据也确实没清空,像没有实现双向绑定一样

menubar下拉显示的问题

点击显示某列下拉菜单但没有选择其中的某个菜单,又去点击另一列下拉菜单,此前的下拉菜单不会消失,只要鼠标移到菜单上,两列会同时显示

TreeView Component custom nodeItemToolbarTemplate, the parentNode is the same as the node property

Problem

Click the submenu and the parentNode is the same as the node

html

<ng-template #toolbar let-node="" let-parentNode="" let-this="">
  <i class="glyphicon glyphicon-plus" (click)="onAdd(node, parentNode)"></i>
  <i class="glyphicon glyphicon-remove" (click)="onRemove(node, parentNode)"></i>
</ng-template>
<re-tree-view [treeData]="resources" textField="name" valueFeild="id" iconField="icon"
              [nodeItemToolbarTemplate]="toolbar"></re-tree-view>

options

resources: Array<Object> = [
    {
      id: '1',
      pid: '0',
      name: '主页',
    },
    {
      id: '2',
      pid: '0',
      name: '监控',
    },
    {
      id: '3',
      pid: '0',
      name: '基础信息',
      children: [
        {
          id: '1',
          pid: '3',
          name: '人员管理'
        },
        {
          id: '2',
          pid: '3',
          name: '垃圾桶管理'
        }
      ]
    }
  ];

Lazy load tree view

For the load performance, I would like to lazy load children tree node when use expend the parent node.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.