角度选择下拉菜单，呈现指令中修改后的选项值

Question

我有一个定义了一组选项的下拉菜单。呈现下拉列表后，我正在尝试执行修改每个选项值的指令。不确定修改后如何获取新值以呈现在视图上。

var t = angular.module("test", []);

t.controller("TestCtrl", function ($scope) {
    $scope.data = [
        "One",
        "Two",
        "Three"
    ];
    $scope.selected = $scope.data[0];
    
    
});

t.directive("postrender", function ($timeout) {
    return function ($scope, $element) {
        $timeout(function(){
            var options = $element.find("option");
            
              angular.forEach(options, function(op){
								var text  = op.text;
                text = text + "new "
              });
        })
    };
});

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<div ng-app="test" ng-controller="TestCtrl">
    <select ng-model="selected" ng-options="i for i in data" postrender></select>
</div>