AngularJS with route and JSON API

Doublecheck if there’s a “nobase” error in your console. If so, according to the AngularJS documentation, and fix.io (credits for this answer go to the author of that post) the base tag is to the rescue. 

<html ng-app="app">
<head>
    <base href="https://wordpress.stackexchange.com/angular-wp/">
    <title>AngularJS Demo Theme</title>
<?php wp_head(); ?>

Please note the “/angular-wp/” is the sub-context in this case (the test url is like “http://localhost/angular-wp/”), you should replace it accordingly. If you set the wrong base href, you’ll get an error like this or this.

Related Posts:

  1. “SyntaxError: Unexpected token < in JSON at position 0"
  2. SyntaxError: Unexpected token o in JSON at position 1
  3. SyntaxError: Unexpected token o in JSON at position 1
  4. What is JSONP, and why was it created?
  5. TypeError: Converting circular structure to JSON in nodejs
  6. Use a JSON array with objects with javascript
  7. Array of JSON Objects
  8. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  9. Fetch: POST JSON data
  10. Uncaught SyntaxError: Unexpected token u in JSON at position 0
  11. Unexpected token u in JSON at position 0 (but only sometimes)
  12. How to read an external local JSON file in JavaScript?
  13. SyntaxError: Unexpected token o in JSON at position 1
  14. SyntaxError: Unexpected token o in JSON at position 1
  15. How to read an external local JSON file in JavaScript?
  16. What is the convention in JSON for empty vs. null?
  17. What is the “right” JSON date format?
  18. Nested JSON objects – do I have to use arrays for everything?
  19. Uncaught TypeError: Cannot read property ‘length’ of undefined
  20. What is the “right” JSON date format?
  21. How to compare arrays in JavaScript?
  22. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  23. jQuery AJAX cross domain
  24. SyntaxError: Unexpected token o in JSON at position 1
  25. Uncaught TypeError: Cannot read property ‘props’ of null
  26. Loading local JSON file
  27. How to convert JSON object to JavaScript array?
  28. node.js TypeError: path must be absolute or specify root to res.sendFile [failed to parse JSON]
  29. Uncaught TypeError: data.push is not a function
  30. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  31. How to convert selected HTML to Json?
  32. How to get JSON from URL in JavaScript?
  33. How do you put an image file in a json object?
  34. push object into array
  35. JSON.parse() not working
  36. react router v^4.0.0 Uncaught TypeError: Cannot read property ‘location’ of undefined
  37. Refused to execute script, strict MIME type checking is enabled?
  38. TypeError: res.json is not a function
  39. SyntaxError: Unexpected token C in JSON at position 0 – Ionic 2 Http GET request
  40. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  41. Add new attribute (element) to JSON object using JavaScript
  42. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  43. How to display raw JSON data on a HTML page
  44. Convert array to JSON
  45. JSON.parse unexpected token s
  46. JSON.stringify (Javascript) and json.dumps (Python) not equivalent on a list?
  47. How to filter JSON Data in JavaScript or jQuery?
  48. How to add a button dynamically using jquery
  49. Using setTimeout on promise chain
  50. Complex JSON nesting of objects and arrays
  51. Uncaught SyntaxError: Unexpected token with JSON.parse
  52. How can JavaScript save to a local file?
  53. Write / add data in JSON file using Node.js
  54. How do I handle newlines in JSON?
  55. Finding the max value of an attribute in an array of objects
  56. Defining a HTML template to append using JQuery
  57. “NS_ERROR_DOM_BAD_URI: Access to restricted URI denied”
  58. What are the differences between JSON and JSONP?
  59. Uncaught SyntaxError: Unexpected end of JSON input at JSON.parse ()
  60. WP Rest API – How to get featured image
  61. Implementing Isomorphic JavaScript (React JS) in WordPress?
  62. How to use wp_localize_script in custom page template?
  63. Dynamically insert values in a WordPress SelectControl Options field
  64. var is undefined in a Gutenberg block
  65. 404 Error Contact Form 7 on WordPress
  66. Base64 & JSON Encode array in PHP, use as HTML data attribute, decode and parse in JavaScript …. with proper Escaping
  67. Pass data from wordpress to javascript in JSON
  68. How to include a JSON file on my page?
  69. Why WordPress not using JSON_UNESCAPED_UNICODE by default?
  70. how to use nimble-API and Display data?
  71. Remove escape characters from JSON string pulled from a database
  72. I would like to retrive JSON value and display it in wordpress page or widget
  73. Connecting a wordpress site to an AngularJS APP
  74. Gutenberg core/file add style support in js/ json
  75. Error: Can’t set headers after they are sent to the client
  76. Array.size() vs Array.length
  77. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  78. Get String in YYYYMMDD format from JS date object?
  79. How to pop an alert message box using PHP?
  80. How to test valid UUID/GUID?
  81. Angular: Error no directive with “exportAs” set to “ngForm”
  82. How can I remove a character from a string using JavaScript?
  83. Access Control Request Headers, is added to header in AJAX request with jQuery
  84. How to check if function exists in JavaScript?
  85. Jquery button click() function is not working
  86. Make iframe automatically adjust height according to the contents without using scrollbar?
  87. How do I check whether a checkbox is checked in jQuery?
  88. Failed to find a valid digest in the ‘integrity’ attribute for resource on a deployed emberjs application
  89. Cannot read property ‘getHostNode’ of null
  90. Get the Highlighted/Selected text
  91. Javascript- Multiplying 2 numbers and return number
  92. How to only enqueue block javascript on the frontend when its needed [duplicate]
  93. How to replace a javascript select box onchange event to a form submit action?
  94. How to Add Javascript Only When a Function Exists?
  95. TypeError: window.tinyMCE.execInstanceCommand is not a function
  96. event/callback on block update?
  97. Gutenberg getMedia() in post query doesn’t return all featured images
  98. Adding and removing hidden buttons from WordPress Customizer Tinymce widget editor using javascript API
  99. Create Youtube embed block with createBlock
  100. How to re-render Gutenberg component when object instance is available