В чем причина того, что html показывает имена переменных на стороне клиента в Angular.js?

Question

В чем причина того, что html показывает имена переменных на стороне клиента в Angular.js?

0

В моем приложении содержатся данные ниже

     "countries = [
          {locale:'en-US',name:'United States'},
          {locale:'en-GB',name:'United Kingdom'},
          {locale:'en-FR',name:'France'}]"

И я написал html-код

       <li ng-repeat = "country in countries">
          {{ 'Country: ' + country.name + ', Locale: ' + country.locale }}
       </li>

В качестве вывода он показывает:

  List of Countries with locale:

Файл home.html

<html>   
 <head>
    <title>AngularJS First Application</title>
 </head>
 <script src =   "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
 </script>

 <body>
  <div ng-app = "" ng-init= "countries:[
      {locale:'en-GB',name:'United Kingdom'},
      {locale:'en-US',name:'United State'},
      {locale:'en-FR',name:'France'}]; quantity = 1;cost = 30;" >

  <p>List of Countries with locale:</p>

  <ol>
    <li ng-repeat = "country in countries">
     {{ 'Country: ' + country.name + ', Locale: ' + country.locale }}
    </li>
  </ol>   
 </div> 
 </body>

</html>

Почему он не показывает название страны в списке?

yojna 30 сен. 2015, в 14:43

Источник

0

На этой странице нет тегов скрипта. Должен включать angular.js и код вашего модуля приложения
charlietfl 30 сен. 2015, в 12:28
0

Я обновил скрипт тегом. Это не показывает список стран.
yojna 30 сен. 2015, в 12:33
0

Вы проверили консоль браузера на наличие ошибок? скорее всего получит ошибку разбора, которая будет хорошей подсказкой
charlietfl 30 сен. 2015, в 12:34

Показать ещё 1 комментарий

Теги:

angularjs

html5

1 ответ

Ещё вопросы

На этой странице нет тегов скрипта. Должен включать angular.js и код вашего модуля приложения
Я обновил скрипт тегом. Это не показывает список стран.
Вы проверили консоль браузера на наличие ошибок? скорее всего получит ошибку разбора, которая будет хорошей подсказкой

Brocco · Answer 1 · 2015-09-30T10-27-00.000Z

Проблема в вашем ng-init....

у тебя есть:

<div ng-app = "" ng-init= "countries:[ 
  {locale:'en-GB',name:'United Kingdom'},
  {locale:'en-US',name:'United State'},
  {locale:'en-FR',name:'France'}]; quantity = 1;cost = 30;" >

где это должно быть:

// changed countries:[
// to: countries=[
<div ng-app = "" ng-init= "countries=[
  {locale:'en-GB',name:'United Kingdom'},
  {locale:'en-US',name:'United State'},
  {locale:'en-FR',name:'France'}]; quantity = 1;cost = 30;" >

Рабочий плнкр

@yojnajaininfo рад, что это помогло вам. Если да, отметьте ответ как принятый.