У меня есть массив, и я хочу показать на странице тот массив, который указал в / 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>
Я понимаю, что код не должен работать, но кто-нибудь может дать мне идею, как заставить его работать? (Извините за мой английский)