Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Два вложенных view (https://javascript.ru/forum/angular/60548-dva-vlozhennykh-view.html)

svs 06.01.2016 10:35

Два вложенных view
 
Здравствуйте.
у меня такой вопрос.
у меня вот роутинг настроен так


.state('catalogName', {
                url:         '/catalog/:name',
                templateUrl: 'templates/catalog.html',
                controller:  'CategoryController'
            })
           .state('catalogName.Page', {
                url:         '/page{page:[0-9]{1,2}}',
                templateUrl: 'templates/catalog.html',
                controller:  'CategoryController'
            })
            .state('catalogName.Item', {
                url:         '/{id:[0-9]{1,5}}-:itemName',
                templateUrl: 'templates/catalog-item-list.html',
                controller:  'ItemController'
            })



catalog.html

<ul style="width: 100%; float:left; list-style:none;">
	<li ng-repeat="item in filteredItems" style="padding:0 0 20px 0; width: 20%; float:left;">
    <a ui-sref=".Item({name: category, id: item.id, itemName: item.translit})"><img ng-src="/view/frontend/img/items/{{item.id}}.jpg" width="50" /></a>
    <h4>{{item.name}}</h4>
    <select ng-hide="true"><option ng-repeat="child in item.size" value="{{child}}">{{child}}</option></select>
    <p>{{item.price}} грн.</p>
 </li>
</ul>


 <pagination 
      ng-model="currentPage"
      total-items="items.length"
      max-size="maxSize"  
      boundary-links="false"
      next-text="вперед"
      previous-text="назад"
      ng-change="pageChanged()">
 </pagination>

<div ui-view></div>





catalog-item-list.html

<div>
<h2>{{item.name}}</h2>
<img ng-src="http://halatik.com.ua/view/frontend/img/items/{{item.id}}.jpg" width="400" />
<p>Цвет - {{item.color}}</p>
<p>Материал - {{item.material}}</p>
<p>Цена- {{item.price}}</p>

<input type="button" value="buy" />

</div>




Вопрос заключается в чем.
В catalog.html у меня под кодом вывода каталога отображается вью для товара - <div ui-view></div>

Вот как мне на странице товара, какой будет по ссылке /catalog/kostjumy_dlja_doma/717-kostjum_zhenskij_tunika_korotkij_rukav_bridzhi

скрыть каталог ?

второй вопрос - когда я листаю пейджинг
/catalog/kostjumy_dlja_doma/page3

у меня в этом случае 2 раза вызывается CatalogController.


Часовой пояс GMT +3, время: 11:58.