dropdownlist不能在模式表中运行(在angularjs中的Kendo网格)

<div ng-app="myApp" ng-controller="myCtrl">
  <div kendo-grid k-options="gridOptions"></div>
</div>

<script>
  var app = angular.module("myApp", ["kendo.directives"]);

  app.controller("myCtrl", function($scope) {
    $scope.gridOptions = {
      dataSource: {
        data: [
          { id: 1, name: "Option 1" },
          { id: 2, name: "Option 2" },
          { id: 3, name: "Option 3" }
        ],
        schema: {
          model: {
            id: "id",
            fields: {
              name: { type: "string" }
            }
          }
        }
      },
      columns: [
        { field: "name", title: "Name" },
        {
          title: "Dropdown",
          template: '<input kendo-drop-down-list k-data-source="dropdownData" k-data-text-field="\'name\'" k-data-value-field="\'id\'" />'
        }
      ]
    };

    $scope.dropdownData = [
      { id: 1, name: "Option 1" },
      { id: 2, name: "Option 2" },
      { id: 3, name: "Option 3" }
    ];
  });
</script>