Доступ к вложенной переменной ng-repeat

Question

Доступ к вложенной переменной ng-repeat

0

Это то, что у меня есть до сих пор:

<div ng-repeat="storeSection in main.foodBySection" ng-show="main.sortBy === 'storeSection'">
      <h4>{{ storeSection.category }}</h4>
      <div ng-repeat="ingredient in main.ingredients | orderBy: 'name'"
           ng-if="ingredient.storeSection === {{ storeSection.category }}">
        <p><input type="checkbox" ng-model="ingredient.added"/> {{ ingredient.name }} <span
          class="ingredient-source">- {{ ingredient.source }}</span></p>
      </div>
    </div>

В основном, я хочу только отображать элементы в main.ingredients, которые имеют ту же категорию, что и заголовок, но я не могу получить доступ к {{storeSection.category}} после использования нового ng-repeat. Есть идеи?

Cole Beckwith 24 июль 2016, в 19:55

Источник

1

Зачем использовать интерполяцию? Просто используйте storeSection.category , нг-если работает с угловым выражением
Robin-Hoodie 24 июль 2016, в 17:00
0

Понял! Спасибо!
Cole Beckwith 24 июль 2016, в 17:10
0

Я ответил на то же самое ниже, если это решило ваш вопрос, вы можете пометить его как принятый
Robin-Hoodie 24 июль 2016, в 17:12

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

Теги:

angularjs

3 ответа

1

<div ng-repeat="storeSection in main.foodBySection" ng-show="main.sortBy === 'storeSection'">
      <h4>{{ storeSection.category }}</h4>
      <div ng-repeat="ingredient in main.ingredients | orderBy: 'name'"
           ng-if="ingredient.storeSection === storeSection.category">
        <p><input type="checkbox" ng-model="ingredient.added"/> {{ ingredient.name }} <span
          class="ingredient-source">- {{ ingredient.source }}</span></p>
      </div>
    </div>

Parv Sharma 24 июль 2016, в 15:26

0

Как указывалось в других ответах, причиной проблемы является то, что вы используете interpolation в своей директиве ngIf, которая работает с angular-expressions.

Советы:

Используйте предпочтительно ngIf вместо ngShow (в вашем первом <div>).

Я также рекомендую использовать собственный фильтр вместо этой проверки с помощью ngIf (в ngRepeat) и использовать специальные повторы ngRepeat #.

Таким образом, вы можете иметь что-то вроде этого:

<div ng-repeat-start="storeSection in main.foodBySection" ng-if="main.sortBy === 'storeSection'">
  <h4 ng-bind="storeSection.category"></h4>
</div>
<div ng-repeat-end ng-repeat="ingredient in main.ingredients | filter: { storeSection: storeSection.category } | orderBy: 'name'">
  <p>
    <input type="checkbox" ng-model="ingredient.added" /> {{ ingredient.name }} <span class="ingredient-source">- {{ ingredient.source }}</span></p>
</div>

developer033 24 июль 2016, в 15:11

Ещё вопросы

Зачем использовать интерполяцию? Просто используйте storeSection.category , нг-если работает с угловым выражением
Я ответил на то же самое ниже, если это решило ваш вопрос, вы можете пометить его как принятый

Robin-Hoodie · Accepted Answer · 2016-07-24T14-38-00.000Z

<div ng-repeat="storeSection in main.foodBySection" ng-show="main.sortBy === 'storeSection'">
      <h4>{{ storeSection.category }}</h4>
      <div ng-repeat="ingredient in main.ingredients | orderBy: 'name'"
           ng-if="ingredient.storeSection === storeSection.category ">
        <p><input type="checkbox" ng-model="ingredient.added"/> {{ ingredient.name }} <span
          class="ingredient-source">- {{ ingredient.source }}</span></p>
      </div>
    </div>

Не интерполируйте storeSection.category, ng-if работает с угловыми выражениями точно так же, как левый ingredient.storeSection operand.storeSection оценивается им