How to access object property with invalid characters

by

In JavaScript, object properties can be accessed by dot notation or bracket notation. Dot notation is often cleaner, but has restrictions. As you have noticed, your property contains an invalid character and therefore can’t be accessed via dot notation. The solution, then, is to access the property using bracket notation like this: total['ga:newVisits'] so that your complete code will be {{total['ga:newVisits']}}. Live demo here (click).

Another nice feature about bracket notation is that it allows you to use a variable name as a property:

var myObj {
  bar: '123'
};
var foo = 'bar';

console.log(myObj[foo]); //logs '123'

More Related Contents:

  1. Angularjs Uncaught Error: [$injector:modulerr] when migrating to V1.3
  2. Why Does Firebase Lose Reference outside the once() Function?
  3. Converting user input string to regular expression
  4. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  5. How to find indices of all occurrences of one string in another in JavaScript?
  6. AngularJS – Value attribute on an input text box is ignored when there is a ng-model used?
  7. Converting any string into camel case
  8. Differences between Javascript regexp literal and constructor
  9. Return positions of a regex match() in Javascript?
  10. How to improve performance of ngRepeat over a huge dataset (angular.js)?
  11. Maintain model of scope when changing between views in AngularJS
  12. use $http inside custom provider in app config, angular.js
  13. How to split a long regular expression into multiple lines in JavaScript?
  14. How to pull the file name from a url using javascript/jquery?
  15. Get URL from background-image Property
  16. AngularJS: Better way to watch for height change
  17. Regular expression for all printable characters in JavaScript
  18. using AngularJS html5mode with nodeJS and Express
  19. Angularjs ui-router not reaching child controller
  20. AngularJS dynamic form field validation
  21. Angular JS: What is the need of the directive’s link function when we already had directive’s controller with scope?
  22. Angularjs $http post file and form data
  23. ES6 Promise not Updating AngularJS DOM [duplicate]
  24. regex javascript to match both RGB and RGBA
  25. Replace function not replacing [duplicate]
  26. Include Arabic characters in JavaScript regular expression?
  27. ng-mouseover and leave to toggle item using mouse in angularjs
  28. In what JS engines, specifically, are toLowerCase & toUpperCase locale-sensitive?
  29. Extract keyword from Google search in Javascript
  30. Regex matching emoticons

Leave a Comment