Javascript 在angularjs中选择值时，html中的Select标记值将消失

我在html中有一个select标记，它的值来自angularjs。每次我选择一个值时，select标记都将为空。为什么？如何修复它

$scope.getAll = function(){
     $http.post()....
     $scope.places = response.data;
};

$scope.getAll();

$scope.sample = function(str){
   alert(str);
};

HTML

{{place.name}

---

在上面的代码中，当我选择select标记的某个值时，它会提醒我该值，但select标记变为空

将选项的值设置为表达式时，请尝试使用

ng value

。 虽然您的问题令人困惑，但我猜警报显示为

place.name

<select ng-model="val" ng-change="sample(val)">
  <option ng-repeat="place in places" ng-value="place.name">{{place.name}}</option>
</select>

{{place.name}

或者，如果要设置select属性本身的值，可以使用

<select ng-model="val" ng-change="sample(val)">
  <option ng-repeat="place in places" value="{{place.name}}">{{place.name}}</option>
</select>

{{place.name}

---

这可能会进一步指导您。

将选项的值设置为表达式时，请尝试使用

ng value

。 虽然您的问题令人困惑，但我猜警报显示为

place.name

<select ng-model="val" ng-change="sample(val)">
  <option ng-repeat="place in places" ng-value="place.name">{{place.name}}</option>
</select>

{{place.name}

或者，如果要设置select属性本身的值，可以使用

<select ng-model="val" ng-change="sample(val)">
  <option ng-repeat="place in places" value="{{place.name}}">{{place.name}}</option>
</select>

{{place.name}

---

这可能会进一步指导您。

我建议您不要使用

ng repeat

使用

ng选项

角度模块（“应用程序”，[]） .controller（“ctrl”，函数（$scope）{ $scope.places=[{name:'California'}， {名称：'纽约'}， {name:'Cochin'} ]; })

{{val}}

我建议不要使用

ng repeat

使用

ng选项

角度模块（“应用程序”，[]） .controller（“ctrl”，函数（$scope）{ $scope.places=[{name:'California'}， {名称：'纽约'}， {name:'Cochin'} ]; })

{{val}}

投赞成票，因为这是一个明智的答案。啊，你得了4000分：）投票吧，因为这是一个聪明的答案。啊，得了4000分：）