AngularJS SEO - Once and for all

Question

I'm in a big project with 15 sub sites and 13 different schema pages. Currently, the site is based on ui.route for all pages and my data set by $http angular request. After tests and trials on search console its looks like google don't see all my pages except the home page and data from $http request don't showing up. What I'm doing wrong

my app config 

function createState(name) {
    return {
        url: '/' + name + '/:id',
        templateUrl : 'templates/pages/' + name +'.html',
        controller : 'singlePage',
        resolve: {
           pageData: function(getData, $stateParams) {
                var params = $stateParams;
                params.type = this.self.name;
                return getData.getPageData(params.type, params)
           }
        }
    }
}
.state('info', createState('info'))
.state('news', createState('news'))
.state('event', createState('event'))

$urlRouterProvider.otherwise('/');
$locationProvider.html5Mode(true);

Answer 1

java script cant be or wont be compiled by googlebots and ui-router wont work when url is crawled by googlebots it will 
only get index page of the site you can use phantomjs to load the angular app and get the html compiled
for the bots 

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
 <url>
  <loc>http://example.com/</loc>
 </url>
 <url>
  <loc>http://example.com/anotherside/</loc>
 </url>
 <url>
  <loc>http://example.com/search/param1/param2</loc>
 </url>
</urlset> 

this is working use this as a reference