javascript - 我的开关/外壳工作正常，但出现控制台错误 "Cannot read property ' name' of null"

Question

这是工作代码笔 http://codepen.io/TylerL-uxai/pen/ozNgVb

当我执行第三个下拉菜单并选择大象时，console.log(brand.name) 显示大象。它甚至会执行 switch 语句的其余部分。

但由于某种原因出现控制台错误。

$scope.changedValue3 = function (brand) {
 console.log(brand.name); // this isn't null! it returns elephant to console.
 switch (brand.name){ // cannot read property name of null
   case "elephant":
     console.log("worked"); // says "worked" when the code is run
     break;
 }
}

Answer 1

看起来该问题与 select 元素上设置的 ng-model 发生冲突有关。由于 $scope.logos 是存储数据的位置，因此您需要为 ng-model 提供不同的内容。这对我来说是有效的:

<select ng-model="logo" ng-options="item as item.brand for item in logos" ng-change="changedValue3(logo)" class="form-control">

请注意，ng-model 以及 ng-change 中的函数都已更改，以便将模型传递给函数。

Here如果你想亲自检查一下，这是我的 fork 。