使用spring以angularjs编程选择DropDown值

Question

嗨我正在使用带有角度js的spring mvc。我的编辑页面中有一个下拉列表。下拉成功填充数据。在角度控制器中，我试图以编程方式选择一个选项，但没有成功。我在angularjs中使用tempplate注入，$ scope.data = 1不起作用。

这是我的模式

的script.js

sampleApp.controller('aboutController', function($scope) {
    $scope.message = 'Look! I am an about page.';
    $scope.Fruits = [{
        Id: 1,
        Name: 'Apple',
        Selected: false
    }, {
        Id: 2,
        Name: 'Mango',
        Selected: true
    }, {
        Id: 3,
        Name: 'Orange',
        Selected: false
    }];

    $scope.data=1;
});

about.jsp

<div class="jumbotron text-center">
    <h1>About Page</h1>

    <p>{{ message }}</p>

    <select  ng-model="data" ng-options="i.Id as i.Name for i in Fruits">
        <option value=""></option>
    </select>
</div>

我在angularjs中使用一个路径将about.jsp部分页面注入index.jsp页面。