2016-09-26 4 views
0
<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js">    
    </script> 
</head> 
<body style="padding: 20px 20pc;"> 
    <div ng-app="app"> 
     <div ng-repeat="item in 'somewords'.split('')"> 
      {{$index + 1}}. {{item}} 
     </div> 
    </div> 
    <script type="text/javascript"> 
    </script> 
</body> 
</html> 

Привет всем, Я уже пытался найти какое-то старое сообщение, но не нашел ничего, что действительно могло бы мне помочь. Я изучаю Angular, и в учебнике они используют этот код, который должен считать и разбить буквы в указанном слове. Проблема, с которой я сталкиваюсь, заключается в том, что я получаю фигурные скобки, как если бы они содержали текст в HTML. Что я делаю не так?Угловые фигурные скобки не работают, базовый код

+0

У вас есть ошибки в консоли? – devqon

+0

У вас есть файл js? Вам все равно нужно запустить приложение. – TheFullResolution

ответ

0

У вас есть проблемы с дубликатами. Вы должны использовать track by для решения проблемы.

<div ng-repeat="item in 'somewords'.split('') track by $index"> 
     {{$index + 1}}. {{item}} 
</div> 

Here является кодепином. Также имеется документация here.

2

Я вижу ng-app="app", но я не вижу никакого кода, который инициализирует модуль (с именем «приложение»). Поскольку вы не используете какие-либо данные, которые инициализируются в любом коде, вы можете просто переписать его как <div ng-app>.

Другая возможность состоит в том, чтобы определить модуль (который вы, вероятно, нужно в любом случае, если вы погружаетесь глубже в учебники):

angular.module("app", []); 

EDIT

Как правильно @Peter_Fretter упомянуто, все равно не будет работать, потому что у вас есть дубликаты в ng-repeat. Вы можете исправить это с помощью track by $index:

<div ng-repeat="item in 'somewords'.split('') track by $index"> 
    {{$index + 1}}. {{item}} 
</div> 

См this jsfiddle

+1

Возможно, он не опубликовал JS-файл. Даже с этим объявлением модуля код не будет работать. Проверьте мой ответ на проблему. –

Смежные вопросы