Question

我有一个链接列表，可以更改产品列表中的一些文章。取决于视图类型（线或网格），显示了不同的数字：

articlesPerPageOps:{
grid: {0:6, 1:12, 2:24, 3:60} 
line: {0:10, 1:20, 2:50, 3:100}
}
 <li
    ng-repeat="count in articlesPerPageOps[viewtype]"
    ng-class="{active: articlesPerPage == count}">
    <a href="#" ng-click="changeArticlesPerPage('{{count}}')">{{count}}</a>
 </li>

当我重新加载页面时，让我们说使用网格视图，然后单击任何链接都可以正常工作，changeArticlesPerPage('{{count}}')更改显示文章的数量，并通过http重新加载模型，并使用正确数量的文章。

然后我将视图类型更改为线视图而不重新加载。

<ul class="viewList list-inline ">
    <li>view type:</li>
    <li  ng-class="{active: sListViewType=='line'}"><i class="glyphicons show_thumbnails_with_lines" ng-click="changeListType('line')"></i></li>
    <li  ng-class="{active: sListViewType=='grid'}"><i class="glyphicons show_big_thumbnails"  ng-click="changeListType('grid')"></i></li>
</ul>

changeListType('grid')更改视图类型并通过http。

重新加载模型

现在发生的事情：articlesPerPage-List中的所有数字（{{count}}）都会更改，即使在changeArticlesPerPage('{{count}}')中也是如此。但是当我点击链接时，它会使用网格视图中的{{count}}。 ..例如12而不是20 ......

为什么？：O）

Answer 1

删除count参数周围的curles：

<a href="#" ng-click="changeArticlesPerPage(count)">{{count}}</a>

更改模型后，链接仍使用旧值

1 个答案: