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. how to render a react component using ReactDOM Render
  76. What does “javascript:void(0)” mean?
  77. Set timeout for ajax (jQuery)
  78. Escaping Discord subset of markdown
  79. ESLint Parsing error: Unexpected token
  80. Angular ForEach in Angular4/Typescript?
  81. XMLHttpRequest module not defined/found
  82. Bower: ENOGIT Git is not installed or not in the PATH
  83. Converting an object to a string
  84. The preferred way of creating a new element with jQuery
  85. How to pass parameters using ui-sref in ui-router to controller
  86. Add and remove multiple classes in jQuery
  87. How To Save Canvas As An Image With canvas.toDataURL()?
  88. NPM install fails with node-gyp
  89. What are differences between SystemJS and Webpack?
  90. How to find if div with specific id exists in jQuery?
  91. TypeError: $ is not a function WordPress
  92. Fully responsive HTML5 video
  93. How to add JavaScript code on WordPress properly?
  94. How do I know if I should enqueue JS code or just include it in ONE PHP function?
  95. How can I integrate yepnope.js with WordPress (and plugins)?
  96. How to set javascript options for select2 in PHP array of plugin
  97. Multiple jQuery inputs or binds in Customizer Control Javascripts
  98. Immediate (e.g. without DOMContentLoaded) JS not working
  99. Pass a PHP variable (loop-audio.php) to jQuery function (js/script.js)
  100. Javascript 2 elements dependent onclick .toggle [closed]