Javascript AngularJS ng选项在选择选项后删除了默认空白值_Javascript_Angularjs

Javascript AngularJS ng选项在选择选项后删除了默认空白值

javascript angularjs

Javascript AngularJS ng选项在选择选项后删除了默认空白值,javascript,angularjs,Javascript,Angularjs,我正在使用我的select标记的ng选项为用户提供选择。一切都很完美，但在第一次选择一个选项后，默认的空白值消失了。如果我想再次恢复到默认的空白值，该怎么办？如何做到这一点？如何保留该空白值下面是我的代码示例： <!DOCTYPE html> <html ng-app="app"> <head> <link rel="stylesheet" href="style.css"> <script src="http://a

我正在使用我的select标记的ng选项为用户提供选择。一切都很完美，但在第一次选择一个选项后，默认的空白值消失了。如果我想再次恢复到默认的空白值，该怎么办？如何做到这一点？如何保留该空白值

下面是我的代码示例：

<!DOCTYPE html>
<html ng-app="app">

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  </head>

  <body ng-controller="myController">
    <h1>Hello World!</h1>
    <select ng-model="mySelection" name="" id="" ng-options="x.value as x.label for x in myOptions">

    </select>
  </body>

</html>

<script>
  var app = angular.module('app', []);
  app.controller('myController', function($scope){
    $scope.myOptions = [{
      "value": null,
      "label": null,
    },{
      "value": "First",
      "label": "First",
    },{
      "value": "Second",
      "label": "Second",
    },{
      "value": "Third",
      "label": "Third",
    }]
  });
</script>


你好，世界！
var-app=angular.module（'app'，[]）；
app.controller（'myController'，函数（$scope）{
$scope.myOptions=[{
“值”：空，
“标签”：空，
},{
“价值”：“第一”，
“标签”：“第一”，
},{
“值”：“秒”，
“标签”：“第二”，
},{
“价值”：“第三”，
“标签”：“第三”，
}]
});

这是plunker:

使用

<select ng-model="mySelection" name="" id="" ng-options="x.value as x.label for x in myOptions">
    <option value=""></option>
  </select>

不要用伪空对象污染“myOptions”，因为API不会返回相同的对象。您需要在表示层上处理它，如上所示。保存时，如果“使用”选择为空，则将其保存为空（如果处理正确）

你也可以有这样的东西

<option value="">---select---</option>

——选择---

使用

你也可以有这样的东西

<option value="">---select---</option>

——选择---
<代码> > p>只需将空白选项添加到选项中，并默认选择“空白”，如：
<!DOCTYPE html>
<html ng-app="app">

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  </head>

  <body ng-controller="myController">
    <h1>Hello World!</h1>
    <select ng-model="mySelection" name="" id="" ng-options="x.value as x.label for x in myOptions">

    </select>
  </body>

</html>

<script>
  var app = angular.module('app', []);
  app.controller('myController', function($scope){
    $scope.mySelection = '';
    $scope.myOptions = [{
      "value": "",
      "label": "",
    },{
      "value": "First",
      "label": "First",
    },{
      "value": "Second",
      "label": "Second",
    },{
      "value": "Third",
      "label": "Third",
    }]
  });
</script>

然后选择空选项$scope.mySelection='' 
 只需将空白选项添加到选项中，默认情况下选择“空白”，如：
<!DOCTYPE html>
<html ng-app="app">

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  </head>

  <body ng-controller="myController">
    <h1>Hello World!</h1>
    <select ng-model="mySelection" name="" id="" ng-options="x.value as x.label for x in myOptions">

    </select>
  </body>

</html>

<script>
  var app = angular.module('app', []);
  app.controller('myController', function($scope){
    $scope.mySelection = '';
    $scope.myOptions = [{
      "value": "",
      "label": "",
    },{
      "value": "First",
      "label": "First",
    },{
      "value": "Second",
      "label": "Second",
    },{
      "value": "Third",
      "label": "Third",
    }]
  });
</script>

然后选择空选项$scope.mySelection=''
hi当获取值为空时调用函数什么函数？你能演示一个代码吗？嗨，当获取值为空时调用函数什么函数？你能演示一下代码吗？欢迎。如果你满意，你能接受这个答案吗？）欢迎。如果您满意，您能接受答案吗：）