doesn't play nicely with others? about angular-dropdowns HOT 5 CLOSED

I might be able to help if you provide sample code via jsfiddle.net.

This module certainly works with other components. It sounds like perhaps you are missing some understanding of how to structure an Angular application within your page, but this is hard to assess without seeing an example of problem code.

from angular-dropdowns.

James,

Thank you for your note and your offer to help. I've done a fair amount of
jQuery, but I am in a slow learning curve with AngularJS, as I have not
used an MVC, or git, or node, etc. before.

I transferred relevant code to a jsfiddle and took it as far as I could. I
have not built an Angular fiddle before, so I did not know what to do with
the <script> lines that are in the HTML of your example page. They
currently are not anywhere in the jsfiddle.

The jsfiddle does not display a Google Map. I must not have the correct
jsfiddle links - or something. GMap does work in my PC. It should appear on
the right 88% of the Result box. Anyway, I hope you can see the problem
with the dropdown. The HTML and the Javascript are direct copies from my
code. The CSS is modified. Here's the link.

http://jsfiddle.net/ADukg/5355/

Thank you, again.

On Fri, Jun 20, 2014 at 2:33 PM, James Seppi [email protected]
wrote:

I might be able to help if you provide sample code via jsfiddle.net.

This module certainly works with other components. It sounds like perhaps
you are missing some understanding of how to structure an Angular
application within your page, but this is hard to assess without seeing an
example of problem code.

—
Reply to this email directly or view it on GitHub
#17 (comment)
.

Mike Laird

12 Arbor Creek Drive, Pittsford, New York 14534
[email protected]

". . . remembering on both sides that civility is not a sign of weakness,
and sincerity is always subject to proof. Let us never negotiate out of
fear, but let us never fear to negotiate." - John F. Kennedy

from angular-dropdowns.

It definitely looks like you are missing some basic understanding of the
structure of an Angular application. For instance, there should only be one
ng-app on a page, and each ng-controller must be defined in your code. I
highly recommend the (free) video tutorials at
https://egghead.io/articles/new-to-angularjs-start-learning-here

I (simplified) and modified the fiddle you sent to show that both
directives can be in the same app on the same page:
http://jsfiddle.net/Fwhsc/4/

Your map was not working because you had incorrect/missing URLs to some of
the dependencies of angular-google-maps. You also didn't have
.angular-google-map-container defined in your CSS.

On Mon, Jun 23, 2014 at 9:19 AM, mLaird [email protected] wrote:

James,

Thank you for your note and your offer to help. I've done a fair amount of
jQuery, but I am in a slow learning curve with AngularJS, as I have not
used an MVC, or git, or node, etc. before.

I transferred relevant code to a jsfiddle and took it as far as I could. I
have not built an Angular fiddle before, so I did not know what to do with
the <script> lines that are in the HTML of your example page. They
currently are not anywhere in the jsfiddle.

The jsfiddle does not display a Google Map. I must not have the correct
jsfiddle links - or something. GMap does work in my PC. It should appear
on
the right 88% of the Result box. Anyway, I hope you can see the problem
with the dropdown. The HTML and the Javascript are direct copies from my
code. The CSS is modified. Here's the link.

http://jsfiddle.net/ADukg/5355/

Thank you, again.

On Fri, Jun 20, 2014 at 2:33 PM, James Seppi [email protected]
wrote:

I might be able to help if you provide sample code via jsfiddle.net.

This module certainly works with other components. It sounds like
perhaps
you are missing some understanding of how to structure an Angular
application within your page, but this is hard to assess without seeing
an
example of problem code.

—
Reply to this email directly or view it on GitHub
<
https://github.com/jseppi/angular-dropdowns/issues/17#issuecomment-46711603>

.

Mike Laird

12 Arbor Creek Drive, Pittsford, New York 14534
[email protected]

". . . remembering on both sides that civility is not a sign of weakness,
and sincerity is always subject to proof. Let us never negotiate out of
fear, but let us never fear to negotiate." - John F. Kennedy

—
Reply to this email directly or view it on GitHub
#17 (comment)
.

James Seppi
Coseppi Partners
www.coseppi.com
(240) 245-0527

from angular-dropdowns.

James,
Thanks so very much.
My biggest misunderstanding was that I thought your AppCtrl controller,
which I saw while examining your code, could be accessed in my cloned
version of your code and executed via some <script> link. I spent a lot of
time researching and trying to access that cloned controller via the HTML
page. I did not think I needed to copy it and set up my own JS file with
that code in it.

If I may ask, what are the first 2 external resource links ( js?sensor=false
http://maps.googleapis.com/maps/api/js?sensor=false, and lodash.min.js
http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js) in
your jsfiddle? What do they do, where did they come from, do I need them in
any jsfiddle with an Angular app?

Thank you again,

On Mon, Jun 23, 2014 at 11:29 AM, James Seppi [email protected]
wrote:

Closed #17 #17.

—
Reply to this email directly or view it on GitHub
#17 (comment).

Mike Laird

12 Arbor Creek Drive, Pittsford, New York 14534
[email protected]

". . . remembering on both sides that civility is not a sign of weakness,
and sincerity is always subject to proof. Let us never negotiate out of
fear, but let us never fear to negotiate." - John F. Kennedy

from angular-dropdowns.

Those two other resources are the Google Maps Javascript and Lodash (a
functional utility library). The angular-google-maps Quick Start guide says
they are necessary - http://angular-google-maps.org/use

On Mon, Jun 23, 2014 at 12:44 PM, mLaird [email protected] wrote:

James,
Thanks so very much.
My biggest misunderstanding was that I thought your AppCtrl controller,
which I saw while examining your code, could be accessed in my cloned
version of your code and executed via some <script> link. I spent a lot of
time researching and trying to access that cloned controller via the HTML
page. I did not think I needed to copy it and set up my own JS file with
that code in it.

If I may ask, what are the first 2 external resource links (
js?sensor=false
http://maps.googleapis.com/maps/api/js?sensor=false, and lodash.min.js
http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js) in
your jsfiddle? What do they do, where did they come from, do I need them
in
any jsfiddle with an Angular app?

Thank you again,

On Mon, Jun 23, 2014 at 11:29 AM, James Seppi [email protected]
wrote:

Closed #17 #17.

—
Reply to this email directly or view it on GitHub
#17 (comment).

Mike Laird

12 Arbor Creek Drive, Pittsford, New York 14534
[email protected]

". . . remembering on both sides that civility is not a sign of weakness,
and sincerity is always subject to proof. Let us never negotiate out of
fear, but let us never fear to negotiate." - John F. Kennedy

—
Reply to this email directly or view it on GitHub
#17 (comment)
.

James Seppi
Coseppi Partners
www.coseppi.com
(240) 245-0527

from angular-dropdowns.