Truncating Select Options

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.js"></script>
<div ng-controller="MyCtrl as ctrl">
    <button ng-click="ctrl.make()">Make Promise</button>
    <button ng-click="ctrl.go()">Resolve Promise</button>
    <pre>{{ctrl.deferred | json}}</pre>
</div>

JavaScript

var app = angular.module('MyApp', []);


function MyCtrl( $q ) {
    var self = this;
    
    self.$q = $q;
    self.deferred = $q.defer();
    
    self.go = function() {
    };
}
MyCtrl.prototype.go = function go() {
    var self = this;
    
    console.log(self.deferred);
    return self.deferred.resolve('foo');
};
MyCtrl.prototype.make = function make() {
    var self = this;
    
    console.log(self.deferred);
    return self.deferred.promise;
};

app.controller('MyCtrl', [
	'$q',
    '$timeout',
    MyCtrl
]);