使用angular.js在静态下拉列表中选择其他值

Question

我有一个产生静态选择元素的Magento产品页面，价格机制与后端绑定，所以我无法触及这些下拉菜单。我正在使用angular.js无线电元素来接收用户输入，这应该会更新静态下拉列表的选定选项。

我不知道如何将这两者联系起来，我在这里重新创建了问题：http://jsfiddle.net/ldn_tech_exec/smBdC/1/

我希望单选按钮更新下拉列表，但我只能在创建之后操作下拉列表，也许使用jquery插入所需的任何角度指令。

Answer 1

再次更新：您的选择列表需要ng-model，并且应使用ng-options生成选项。选择单选按钮时，触发的控制器方法应更新该ng模型，这将导致选择列表更新。 见http://docs.angularjs.org/api/ng.directive:select

另一种方法是使用ng-selected。看到 http://docs.angularjs.org/api/ng.directive:ngSelected

更新＃3：我错过了最初无法修改选择列表的事实。请参阅下面的评论中的小提琴，了解有效的解决方案。

Answer 2

听起来你有一些产品的价格取决于所设定的选项。

如果是这种情况，那么从单选按钮更新下拉列表相对简单 - 或者至少取决于你的原型/ jquery技能。

但是有一个问题：一旦你用'看不见的手'更新javascript中的下拉列表，就会有更多的javascript代码来更新价格和可用性。要做到这一点，你需要泡沫事件。如果使用原型，这不会自动发生。

我希望我能够宣传“泡沫代码”，但我现在还没有把它拿出来，此外，你还没有被困在那一点，但是......