javascript - 同时使用 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>

我在页面主体上有 Angular Controller ，因为它是一个小网站，例如当我使用 app.selectTab(1) 时它可以工作，但它不应该成为问题，因为我使用相同的使用 ng-show="app.isSelectedTab({{magasin.tab}})"

在主 div 上的 ng-show 后面登录

这是我的应用程序 Controller :

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

呃 - 不是真的。您只需要1 ngRepeat关于<li> - 当您将值传递给 ngClick 时你不需要{{}}

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