Set data from app.js a view

My controller:

.controller('PlanCtrl', ['$scope','planesService', 
 function($scope,planesService) {
$scope.showForm = true;
$scope.title = '<img class="logo" src="img/FotoPerfil.jpg"/>';
var usuario = {};
var opciones = [
  {titulo: 'Ruta 10K', categoria: 'Novato', mapa : 'img/ruta2.png'},
  {titulo: 'Ruta 15K', categoria: 'Amateur', mapa : 'img/ruta2.png'},
  {titulo: 'Ruta 20K', categoria: 'Profesional', mapa : 'img/ruta2.png'}
];
usuario = planesService.getDatosPlan();
if(usuario.edad < 13 || usuario.actividad == "Estudiante"){
    $scope.ruta_recomendada = opciones[0];
}
if(usuario.edad > 13 && usuario.edad < 25 || usuario.actividad == "Trabajador"){
    $scope.ruta_recomendada = opciones[1];
}
if(usuario.edad > 25 && usuario.edad < 40 && usuario.actividad == "Deportista"){
    $scope.ruta_recomendada = opciones[2];
}
}])

What I need to do is to occupy “mapa” and facilities of an image src = ruta_recomendada.mapa

<script id="plan_filtrado.html" type="text/ng-template">
  <ion-view title='{{title}}'>
  <ion-content>
    <p>Plan filtrado</p>
    <img src="" alt="map">
  </ion-content>
  </ion-view>
</script>

Care to throw this into a codepen?