Getting error when using µ symbol in angularjs

Question

Getting this error i am retriving data from web sql using jaydata.

Error: Lexer Error: Unexpected next character at columns 27-27 [µ] in expression [foodDetail.FoodItem.Vit_C__µg_].

My code is as below

<i>
  <li><span>Vitamin C</span><span style="float:right">{{foodDetail.FoodItem.Vit_C__µg_}}</span></li>
  <li><span>Vitamin B6</span><span style="float:right">{{foodDetail.FoodItem.Vit_B6__mg_}}</span></li>
</i>

Answer 1

Please try below:

angular.module("test", [])
.run(function($rootScope) {
  $rootScope.foodDetail = {
    FoodItem: {
      'Vit_C__µg_': 'Vit_C__µg_Val',
      'Vit_B6__mg_': 'Vit_B6__mg_Val',
    }
  };
});