Question

我有一个选择表单，我在其中加载数据：

<select id="selectgroep" name="selectgroep" class="form-control" size='5' ng-model="afspraak.groep" ng-options="t.id as t.id for t in objecten">
</select>

我的目标显示在这里：

$scope.afspraak = {     
    groep: '',
};

我在选择表单中选择的数据不应该进入afspraak.groep吗？我有控制台记录它并且它没有进入。

在一个不同的部分，我已经完全相同，它确实做了我想要它做的事情。我比较了两次至少20次，但我看不出我做错了什么。

Answer 1

检查一下：

function test(afspraak){
  $scope.afspraak = {     
     groep: afspraak.groep
 };
}

Answer 2

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.afspraak = {
    groep: '',
  };
});

<!DOCTYPE html>
<html ng-app="plunker">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <link rel="stylesheet" href="style.css" />
  <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.8/angular.js" data-semver="1.4.8"></script>
  <script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">
  <select name="singleSelect" ng-model="afspraak.groep">
    <option value="option-1">Option 1</option>
    <option value="option-2">Option 2</option>
  </select>
  <br>

  <p>{{afspraak.groep}}!</p>
</body>

</html>

Ng模型没有被放入对象中

2 个答案: