core-dropdown with AngularJS

[Uri Goldshtein]

I'm trying to recreate the functionality of AngularJS's ui-bootstrap dropdown with core-dropdown.

But I can't find a way to bind an external variable to the current selected item.

For example (i'm doing the Angular binding with [[ ]] instead of {{ }} to show the difference between Polymer ):

<core-dropdown valueattr="programId" selected="[[currentProgramId]]">

      <core-item ng-repeat="program in programs"

                 ng-click="currentProgramId = program._id"

                 programId="[[program._id]]"

                 label="[[program.name]]"></core-item>

</core-dropdown>

When I click an item, it chooses the program.

But when I change the current program id outside of the dropdown, the dropdown selected item doesn't change...

Any help will be greatly appreciated!

Thanks

[Yvonne Yip]

Hmm, the JS version of this code works. Can a Dart peep chime in?

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/9007c13f-4881-405e-93a7-eab98ebd7795%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Justin Fagnani]

Uri, are you using angular_node_bind? That's the only way I know of to establish a two-way binding from Angular to a Polymer element.

The pub package is here: https://pub.dartlang.org/packages/angular_node_bind

And it actually uses the [[ ]] syntax you use above.

Let me know if it works.

Cheers,

  Justin

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAHk1xZK3%2Bz2%3DfYMncx2fs5hfNurnO2MKogtPC4cpFo4SQSHMKg%40mail.gmail.com.

[u...@ideapod.com]

Thanks guys,

this also looks like a good solution:

https://github.com/eee-c/angular-bind-polymer