同时使用ng-show和ng-repeat

Question

这不应该：

<ul class="dropdown-menu">
<li><a href ng-click="app.selectTab(1)">Cranves-Sales</a></li>
<li><a href ng-click="app.selectTab(2)">Epagny</a></li>
</ul>

与此相同：

<ul class="dropdown-menu">
<li ng-repeat="magasin in app.magasins">
<a ng-repeat="magasin in app.magasins" href ng-click="app.selectTab({{magasin.tab}})">{{magasin.name}}</a>
</li>
</ul>

我在页面的主体上安装了角度控制器，因为它是一个小型网站，例如当我使用app.selectTab（1）时它可以正常工作，但应该没问题，因为我在ng后面使用了相同的登录名-在主div上ng-show="app.isSelectedTab({{magasin.tab}})"

这是我的应用控制器：

app.controller('appController', function () {
    this.products = products;
    this.magasins = magasins;
    //PAGE
    this.page = 2;
    this.selectPage = function (setPage) {
        this.page = setPage;
    };
    this.isSelectedPage = function (checkPage) {
        return this.page === checkPage;
    };
    //TAB
    this.tab = 2;
    this.selectTab = function (setTab) {
        this.page = 2;
        this.tab = setTab;
    };
    this.isSelectedTab = function (checkTab) {
        return this.tab === checkTab;
    };
});
var magasins = [{
    name: 'Cranves Sales',
    tab: '1'

}, {
    name: 'Epagny',
    tab: '2'
} ]
}

Answer 1

恩-并非如此。 您只需要在<li>上使用1个ngRepeat并将值传递给ngClick ，就不需要{{}}

<li ng-repeat="magasin in app.magasins">
    <a href ng-click="app.selectTab(magasin.tab)">{{magasin.name}}</a>
</li>