Как правильно использовать ng-repeat для установки атрибутов элемента?

Question

Как правильно использовать ng-repeat для установки атрибутов элемента?

0

Поэтому у меня есть следующий div:

<div ng-repeat="player in playersScores" class="sb_lane">
                <div class='sb_animation drop'></div>
                <div lane="{{player.lane}}" class='dropbox' dropbucket>
                    <div  class='sb_lHeader'>
                        <div class="drop">Lane {{player.lane}}</div>
                        <div class="drop">{{player.player}}</div>
                    </div>
                    <div class="sb_rScore drop">Run : {{cRun}} of {{tRun}}
                        <div>Run Score</div>
                        <div >{{player.rScore}}</div>
                    </div>
                    <div class="sb_tScore drop">Game Score
                        <div > {{player.gScore}}</div>
                    </div>
                </div>
            </div>

Я получаю сообщение об ошибке при использовании {{player.lane}} в этой строке:

<div lane="{{player.lane}}" class='dropbox' dropbucket>

Мой вопрос заключается в следующем: Каков правильный способ использования ng-repeat для установки атрибутов для элемента?

Zanderfax 19 авг. 2016, в 17:56

Источник

0

Вы можете показать, как выглядит playerScores ? это массив или объект?
Paul Fitzgerald 19 авг. 2016, в 15:52
1

Является ли атрибут lane пользовательской директивой, которую вы определили в angular?
10100111001 19 авг. 2016, в 15:55
0

Осторожно при использовании пользовательских атрибутов jQuery, вы можете потерять свою угловую лицензию xD.
rtn 19 авг. 2016, в 15:57
0

Lane - это не пользовательская директива ... в данном случае это просто дополнительный фрагмент данных, который мне нужен для перетаскивания. PlayersScore выглядит так: [{lane = 1, player = "A", gscore = 0, rscore = 0}]
Zanderfax 19 авг. 2016, в 16:03
0

Это не пользовательский атрибут JQuery. Это атрибут данных для другой директивы. Я жестко запрограммировал HTML и пытаюсь перевести его в правильную методологию angularjs с помощью ng-repeat
Zanderfax 19 авг. 2016, в 16:05

Показать ещё 3 комментария

Теги:

javascript

angularjs

2 ответа

Ещё вопросы

Вы можете показать, как выглядит playerScores ? это массив или объект?
Является ли атрибут lane пользовательской директивой, которую вы определили в angular?
Осторожно при использовании пользовательских атрибутов jQuery, вы можете потерять свою угловую лицензию xD.
Lane - это не пользовательская директива ... в данном случае это просто дополнительный фрагмент данных, который мне нужен для перетаскивания. PlayersScore выглядит так: [{lane = 1, player = "A", gscore = 0, rscore = 0}]
Это не пользовательский атрибут JQuery. Это атрибут данных для другой директивы. Я жестко запрограммировал HTML и пытаюсь перевести его в правильную методологию angularjs с помощью ng-repeat

Zanderfax · Answer 1 · 2016-08-19T14-08-00.000Z

Оказывается, у меня была двусторонняя привязка в директиве drag and drop, которая была установлена в полосу. Как только я удалил эту привязку, все сработало, как ожидалось.

Спасибо за понимание всем..

Z

Ali Adravi · Answer 2 · 2016-08-19T13-50-00.000Z

0

Просто используйте

<div lane="player.lane" class='dropbox' dropbucket>

Ali Adravi 19 авг. 2016, в 13:50

0

Попробовал это ... все, что я получаю, это player.lane как текст, а не то, что в player.lane, полученное из ng-repeat.
Zanderfax 19 авг. 2016, в 16:09
0

я думаю, что lane это директива
naveen 19 авг. 2016, в 16:14
0

Лейн не является директивой. Это атрибут данных, используемый в моей директиве перетаскивания. Это не директива сама по себе.
Zanderfax 19 авг. 2016, в 16:19

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