angularjs - w3school - ng-options track by



ng-options con l'origine dati dell'oggetto (1)

Sto facendo fatica a capire come funzionano le opzioni ng con un'origine dati. Ho letto i documenti e mi sento come se stessi facendo esattamente ciò che è richiesto, ma ho ancora problemi durante il tentativo.

<!DOCTYPE html>
<html ng-app="app">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js">              </script>
    <link rel="stylesheet" href="style.css" />
    <script type="text/javascript">
      angular.module('app', [])
      .controller('IndexCtrl', ['$scope', function($scope) {
        $scope.types = {
          1: "value1",
          2: "value2",
          5: "value3"
        };
      }]);
    </script>
  </head>
  <body ng-controller="IndexCtrl">
    <select ng-model="type" ng-options="k as v for(k, v) in types">
      <option value="">Select Type</option>
    </select>
  </body>
</html>

Ricevo sempre questo errore nella console:

Errore:

Le ngOpzioni attese in forma di ' select (as label )? per ( chiave ,)? valore in collezione (traccia di expr )? ' ma ho ottenuto "k come v per (k, v) nei tipi".

Cosa sto facendo in modo errato?

Vedi plunkr qui:

http://plnkr.co/edit/Bl6u4151KyDkxhYrsdCm?p=preview


Questo è un po 'strano, ma sembra che tu abbia bisogno di mettere uno spazio dopo. Questo funziona:

<select ng-model="type" ng-options="k as v for (k, v) in types">
  <option value="">Select Type</option>
</select>




ng-options