Показать объект из массива зависит от stateParam - PullRequest
Новая
       50

Показать объект из массива зависит от stateParam

0 голосов
/ 04 ноября 2019

У меня есть массив, и я хочу показать на странице тот массив, который указал в / id. Например, у меня есть ссылка products.com/1, и я хочу показать объект из массива с этим идентификатором

Массив 

  .controller('controller', function (
    $scope, $stateParams
  ) {
    $scope.array = [
      {
        text: 'Some text',
        logoUrl: 'some url',
        backgroundUrl: 'some url',
        id: '1'
      },
      {
        text: 'Some text',
        logoUrl: 'some url',
        backgroundUrl: 'some url',
        id: '2'
      },
      {
        text: 'Some text',
        logoUrl: 'some url',
        backgroundUrl: 'some url',
        id: '3'
      },
      {
        text: 'Some text',
        logoUrl: 'some url',
        backgroundUrl: 'some url',
        id: '4'
      },
    ]
  });

Состояние 

.state('app.state', {
          url: '/:id',
          params: {
            id: null
          },
          views: {
            'main@app': {
              controller: 'controller',
              templateUrl: 'views/app/index.html'
            },
          }

        })

HTML-код 

<img src="{{array[({{array.id}})].backgroundUrl}}" />
                <img src="{{array[{{array.id}}].logoUrl}}" />
              </div>
              <div class="pm-goodies-card-text">
                <p>{{array[{{array.id}}].text}}</p>

Я понимаю, что код не должен работать, но кто-нибудь может дать мне идею, как заставить его работать? (Извините за мой английский)

...