javascript - ngOptions - 值未定义

Question

我正在使用 AngularJS，并且生成了一个具有 size 属性的对象，该属性包含一个对象数组。

var product = [
  // ..
  sizes: [
    {choice: 'one', order: 1},
    {choice: 'two', order: 2},
    {choice: 'three', order: 3}
  ]
  //..
];

在 View 侧，我生成如下选择框:

<select ng-init="size = product.sizes[0]" ng-options="size.choice for size in product.sizes" ng-model="size"></select>

这有效，但是当我创建一个按钮来获取选择的当前选定值时，它返回未定义:alert($scope.size);

我重复了这个问题 here. 也只是为了咯咯笑，我在另一个 CodePen here. 中重新创建了同样的东西(？)

第二个按照我想要的方式工作，但不是第一个。我都做了，但我不明白为什么第二个有效而第一个有效。

Answer 1

这是 Angular 中的一个经典问题。这是因为您正在使用 ng-if 来创建子作用域。您需要将模型设置为 someObject.size 并更改对此的所有引用。然后在 Controller 中输入 $scope.someObject = {};