ng2-ui / ngui Goto Github PK

Hi,

I wonder if this is an intended behavior. I created an input element with datetimepicker attached to it.
It works beautifully until I cleared out the value in the input element. The js errors out and the datetimepicker display is completely off. I wonder if there is a scenario dealing with null value maybe?

thanks

Now, Angular2 was update Release, please update now

HI,
This looks fantastic but I am getting compiler errors when trying to use this in ES6 angular2 rc5 environment.

See below.

Pls help

node_modules/ng2-ui/dist/ng2-collapsable/ng2-collapsable.component.ts(72,13): error TS7006: Parameter 'id' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-collapsable/ng2-collapsable.component.ts(91,20): error TS7006: Parameter 'el' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-collapsable/ng2-collapsable.component.ts(91,24): error TS7006: Parameter 'str' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-collapsable/ng2-collapsable.component.ts(97,23): error TS7006: Parameter 'el' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-collapsable/ng2-collapsable.component.ts(97,27): error TS7006: Parameter 'str' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-datetime-picker/datetime-picker.directive.ts(94,22): error TS7006: Parameter '$event' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-datetime-picker/datetime-picker.directive.ts(104,49): error TS7006: Parameter 'changes' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-datetime-picker/datetime-picker.directive.ts(153,28): error TS7006: Parameter 'event' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-datetime-picker/datetime.ts(93,25): error TS7006: Parameter 'number' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-datetime-picker/datetime.ts(105,26): error TS7006: Parameter 'dateStr' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-datetime-picker/datetime.ts(117,24): error TS7006: Parameter 'dateStr' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-map/components/info-window.ts(34,22): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/components/info-window.ts(35,19): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/components/info-window.ts(50,45): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/components/info-window.ts(63,19): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/components/info-window.ts(68,27): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/components/info-window.ts(88,16): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/components/info-window.ts(102,31): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/components/ng2-map.component.ts(51,15): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/components/ng2-map.component.ts(52,22): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/components/ng2-map.component.ts(69,16): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/components/ng2-map.component.ts(69,43): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/components/ng2-map.component.ts(114,20): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/components/ng2-map.component.ts(140,26): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/components/ng2-map.component.ts(152,38): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/components/ng2-map.component.ts(157,31): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/directives/marker.ts(24,19): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/directives/marker.ts(25,20): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/directives/marker.ts(25,49): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/directives/marker.ts(37,45): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/directives/marker.ts(51,19): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/directives/marker.ts(60,23): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/directives/marker.ts(80,28): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/directives/marker.ts(94,31): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/geo-coder.ts(12,20): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/services/geo-coder.ts(15,24): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/geo-coder.ts(17,41): error TS7006: Parameter 'results' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-map/services/geo-coder.ts(17,50): error TS7006: Parameter 'status' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-map/services/geo-coder.ts(18,21): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/ng2-map.ts(13,15): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/services/ng2-map.ts(28,62): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(15,18): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(15,47): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(65,22): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(84,34): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(84,61): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(85,18): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(85,45): error TS2503: Cannot find namespace 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(87,57): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(89,20): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(133,18): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(139,18): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(161,22): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(170,36): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(173,36): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(198,24): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(208,21): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(214,27): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-map/services/option-builder.ts(216,27): error TS2304: Cannot find name 'google'.
node_modules/ng2-ui/dist/ng2-overlay/overlay.ts(14,15): error TS7006: Parameter 'el' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-overlay/overlay.ts(46,28): error TS7006: Parameter 'position' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-popup/ng2-popup.component.ts(54,3): error TS7008: Member 'marker' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-sticky/ng2-sticky.directive.ts(82,9): error TS7005: Variable 'dynProps' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-tab/ng2-tab.component.ts(64,13): error TS7006: Parameter 'id' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-tab/ng2-tab.component.ts(85,20): error TS7006: Parameter 'el' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-tab/ng2-tab.component.ts(85,24): error TS7006: Parameter 'str' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-tab/ng2-tab.component.ts(91,23): error TS7006: Parameter 'el' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-tab/ng2-tab.component.ts(91,27): error TS7006: Parameter 'str' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-tooltip-overlay/tooltip-directive.ts(30,15): error TS7006: Parameter '$event' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-tooltip-overlay/tooltip-directive.ts(35,15): error TS7006: Parameter '$event' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-tooltip-overlay/tooltip-directive.ts(40,21): error TS7006: Parameter 'el' implicitly has an 'any' type.
node_modules/ng2-ui/dist/ng2-tooltip-overlay/tooltip-directive.ts(40,25): error TS7006: Parameter 'tooltip' implicitly has an 'any' type.

Hi Team,

I have a issue with date time picker, parent element have position relative and ngui datepicker wrapper have position relative but no issues, is there any properties to render the control outside wrapper element and set the positions. Attached screen for reference.

Please help to understand the issue.

I want to ask i'm using angular 2 in my project but i don't have system.js but i'm using vendor.ts for export other library like css and js. so anyone have solution for my problem? how to use this library with vendor.ts or i must have system.js?

Hi,
I followed the instruction and still got the error. Do I have to npm install individual components as well? I currently have ng2-ui installed.

I really like the datetime picker and wish to use it. or I would have to find alternative soon.

Thanks

Hey there,
I am using ngui/overlay with my angular2 app, which works great! Thanks a lot!

Now I need to fulfill compatibilty for an old Firefox LTS version (16.0.2). Angular2 and alle other modules I use do not make any bigger problems. At least after a few compatibility fixes.

Unfortunately ngui/overlay does not work anymore. The overlay stays in display:none even after opening. With that Firefox I cannot even open the examples on the official example page. I do not get any errors with Firebug.

Is there a way to fix this? Or are older browsers just not supported and I need to program this myself? Angular 4.0.0 is running with that browser.

Thanks in advance!
Fabian

First, thank you for ng2-ui.
When I use ng2-complete, I write something then select an item on list dropdown, then I highlighted value in textbox and "Backspace" in keyboard. Then I write something in textbox and dropdown not show!
Can you fix??

/// < reference types="googlemaps" >

Typescript error: cannot find definition file for 'googlemaps'

Exception thrown on transpile for:
info-window.d.ts
geo-coder.d.ts

EDIT: actually all map directives and components present this error.

I have searched the downloaded directories for all ng2-* locations added via npm install for ng2-ui and can't see the defintion file to point it at.

Am I missing a file/package/dependency?

This is not a cool design

If possible, add animation too

Hello
After I have installed this package, npm doesn't work anymore.
Thanks

Steps to reproduce and a minimal demo

• What steps should we try in your demo to see the problem?
  Use ng2-ui/ng2-datetime-picker.

• Plunker example(required)
  Reproductible with your online demo : https://rawgit.com/ng2-ui/ng2-ui/master/app/index.html

• If you cannot reproduce an issue with a plunker example, it may be your environmental issue
  Reproductible with your online demo.

Current behavior

• Use ng2-ui/ng2-datetime-picker.
• Click on the input, so the calendar is shown.
• Select a date, so the input field is filled up.
• Remove the value in the input text with backspace keyboard (delete. Not with select all text and delete).
• Then focus out the input and focus in the input, the calendar is shown on the date 30 Nov 1901.

Expected/desired behavior

• When removing the value from input field with keyboard, then opening the calendar, the calendar could show the date of Today or the Default value date if provided.

Other information

• ng2-ui/datetime-picker#158
• Not same as #15

I am seeking for sidebar that works like android native sidebar.

After installing the npm install ng2-ui --save I am not getting the ng2-popup in the ng_modules

ERROR in ./ng2-ui/dist/ng2-ui.module.js
Module not found: Error: Can't resolve 'ng2-popup' in '\my-app\node_
modules\ng2-ui\dist'
@ ./ng2-ui/dist/ng2-ui.module.js 16:18-38 31:18-38
@ ./ng2-ui/dist/index.js
@ ./src/employee/employee.component.ts
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

I am using ngui-tab for mobile version and inside tab-content I am having bootstrap modal which I am not able to open inside the tab.

I install package:
npm install @ngui/ngui @types/googlemaps @types/hammerjs --save-dev
import NguiModule to app.module.ts

and then i get:

Failed to compile.

.//@ngui/react/dist/react.directive.js
Module not found: Error: Can't resolve 'react' in 'C:...\app\node_modules@ngui\react\dist'
@ .//@ngui/react/dist/react.directive.js 12:12-28
@ .//@ngui/react/dist/index.js
@ .//@ngui/ngui/dist/ngui.module.js
@ ./~/@ngui/ngui/dist/index.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

how can i fix this error?

There are some important typographical errors on pages "https://www.npmjs.com/package/jsvalley-ui" and "https://github.com/jsvalley/jsvalley-ui"

Also z-index for menu must be greater than page contents

Hi All,

I am using .NET core with Angular2 (universal). It is working correctly when I use bootstrap 3.3.7. If I go to bootstrap 4 alpha 6 the map isn't showing anymore. I don't get errors that something went wrong. Did someone else have this problem and have suggestions how to solve it.

Thanks in advanced for your help and effort.

Regards,

Stefan Verheggen

Exception: Call to Node module failed with error: ReferenceError: window is not defined
at new Ng2MapComponent (C:\path\node_modules\ng2-map\dist\ng2-map.umd.js:147:9)

I'm using the component, when I load the page I get this error
*ng2-map

Hello,

I integrated the overlay in my project and I have some style issues.
What I need is to apply a custom style on the "ngui-overlay" element, which changes the transparency and z-index.
The "ngui-overlay" element is automatically added in the code behind and it looks like below:

<ngui-overlay style="display: flex; position: fixed; background-color: rgba(0, 0, 0, 0.2); top: 0px; left: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; justify-content: center; align-items: center;"><div id="window-loading" ngui-overlay-of="window" ng-reflect-overlay-of="window">

Shouldn't there be a possibility to add a custom class on this element, when it is generated? And this class should be added as attribute to the element, in case someone wants to use it.

Thank you.

When I install ng2-ui and import lib in AngularModule have error:
GET http://localhost:3000/ng2-overlay 404 (Not Found)
please help me!

Hello! I cant able to use ng2-ui in Angular 6. I have this error -> has no exported member 'OpaqueToken'.

item value not reflect it directly take only item not value.

Hello!
I cant install ng2-ui in Angular 4.

Thanks