magento - 使用 angular.js 在静态下拉列表中选择不同的值

Question

我有一个 Magento 产品页面，该页面生成静态选择元素，价格机制与后端相关联，因此我无法触摸这些下拉菜单。我正在使用 angular.js 单选元素来接收用户输入，这反过来会更新静态下拉列表的选定选项。

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

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

Answer 1

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

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

更新#3：我错过了您最初无法修改选择列表的事实。请在下面的评论中查看我的小提琴以获得有效的解决方案。

Answer 2

听起来您有一些产品的价格取决于设置的选项。

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

但是有一个问题：一旦你用“看不见的手”更新了 javascript 中的下拉菜单，就会有更多的 javascript 代码来更新价格和可用性。为此，您需要对事件进行冒泡。如果使用原型，这不会自动发生。

我希望我能弄出“气泡代码”，但我目前手头没有它，此外，你还没有被困在这一点上，但是......