billrobbins

<router-outlet></router-outlet>

billrobbins

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.scss' ],
  animations: [fadeAnimation]
})

billrobbins

import { trigger, animate, transition, style, query } from '@angular/animations';

export const fadeAnimation =

    trigger('fadeAnimation', [

        transition( '* => *', [

            query(':enter', 
                [

billrobbins

  providers: [
    {provide: RouteReuseStrategy, useClass: CustomReuseStrategy}
  ],

billrobbins

import { ActivatedRouteSnapshot, RouteReuseStrategy, DetachedRouteHandle } from '@angular/router';

export class CustomReuseStrategy implements RouteReuseStrategy {

    shouldDetach(route: ActivatedRouteSnapshot): boolean {
        return false;
    }

    store(route: ActivatedRouteSnapshot, handle: DetachedRouteHandle): boolean {
        return false;

billrobbins

HTTP.get('wp-json/wp/v2/pages?slug=' + this.$route.params.id)
     .then(resp => {
          if (resp.data == '') {
              this.$router.push('/not-found');
      }
...

billrobbins

{
     "code": "rest_post_invalid_id",
     "message": "Invalid post ID.",
     "data": {
          "status": 404
     }
}

billrobbins

function wpwa_legendary_enqueue_hashed_js() {

    $dirJS = new DirectoryIterator(get_stylesheet_directory() . '/static/js');

    foreach ($dirJS as $file) {

        if (pathinfo($file, PATHINFO_EXTENSION) === 'js') {
          $fullName = basename($file);
          $name = substr(basename($fullName), 0, strpos(basename($fullName), '.'));
          

billrobbins

 $url = trailingslashit( get_site_url() );
        wp_localize_script('app', 'baseURL', array(
            'url' => $url
            )
        );

billrobbins

    <script type='text/javascript'>
      /* <![CDATA[ */
      var baseURL = { "url": "http:\/\/legendary.test\/" };
      /* ]]> */
    </script>