app.component('testAsyncResponse', {
    controller: ['$http', function($http){

        this.updateNames = function(){

            $http.get('https://jsonplaceholder.typicode.com/posts/1')
            .then(function(response){
                  this.returnedresults = response.data.title;
             });
        }
    }],
    template: `<input type="text" ng-change="$ctrl.updateNames()"
                      ng-model="$ctrl.inputNames"
                      placeholder="PutInNames...."/>
               <p><results-presenter results="$ctrl.returnedresults"/></p>`
});

app.component('resultsPresenter', {
    bindings:{
        results: '<'
    },
    template: '{{$ctrl.results}}'
});