alexcheng1982 / angular-timezone-select Goto Github PK

The $watch expression for country scope property is defined as attrs.country, which is attribute string value. Your example demonstrates "country" attribute value, which leads to watching scope.country property, resulting in correct behaviour.
If the country attribute value is changed to something ditterent it results in watching non-existent scope property and not applying country selection at all.
To check this behaviour, you can rename TimeZoneSelectCtrl's $scope.country property and change the country directive element attribute value in template accordingly.

I am using Ruby on Rails and 'rails-assets' service to install bower packages.
When trying to install your package I get an error.
It happens because I use lodash 3.10.0 but you require 2.4.1

Bundler could not find compatible versions for gem "rails-assets-lodash":
In Gemfile:
rails-assets-angular-timezone-select (>= 0) ruby depends on
rails-assets-lodash (~> 2.4.1) ruby

rails-assets-lodash (3.10.0)

I got this error when implementing angular-timezone-select into my project with bower:

_.mapValues is not a function .

Looks like a lodash error. How to prevent this? Will this be fixed?

It seems to not work anymore on latest angular: https://plnkr.co/edit/tTZ4RGsRpai2BWauT6CQ?p=preview

Do you have any ideas how to make it work?

There is a newValue === oldValue check in scope $watch listener for ngModel property, which prevents controller-side changes to be reflected in directive.

I have integrated your plugin in my project, but I couldn't use the search function, It always returned No matches found when I typed something . Could you please help me to check it ?

If the ng-model is already set with a value, the component does not display it. For example, I have this in my html:

<select ng-model="timezone"></select>

And in my controller I have:

$scope.timezone = window.moment.tz.guess();

But the select box is still displaying no value. Also, not sure if it is related, but the cross to delete the current value appears and the placeholder does not, then on first click the dropdown will open, on second click on the cross the value will be erased and the placeholder will appear.

The Common and Other groups are being set in English, any way to change them to other languages? maybe add some data-translations attribute or something to override them

In your example, you set ng-model="timezone", which will populate the timezone as a string. Any way to retrieve the actual offset of the timezone along?

Hello,
Our project uses npm, can this be added to npm?

Regards,

This is not directly an issue of angular-timezone-select, which I think is great.
The issue is that in my yo angular-fullstack project, this one bower_component breaks when minimized, etc. i.e. grunt server:dist breaks.
However if I just insert the proper files by hand:
link rel="stylesheet" href="bower_components/angular-timezone-selector/dist/angular-timezone-selector.min.css"
script src="bower_components/moment-timezone/builds/moment-timezone-with-data-2010-2020.js"
script src="bower_components/chosen/chosen.jquery.min.js"
script src="bower_components/angular-timezone-selector/dist/angular-timezone-selector.min.js"
Then grunt serve:dist runs properly.
So what are the special settings need to properly perform the uglify, minimization?
I already have:
uglify: {
options: {
mangle: false
},
},

Thanks!

https://github.com/alexcheng1982/angular-timezone-select/blob/master/angular-timezone-select.js#L13-L14

Maybe I'm just confused, but I don't understand the groupBy over an empty array...