javascript - AngularJS 中的 ng-hide 和 ng-show

Question

使用AngularJS，我想以切换方式显示和隐藏与特定id相关的数据。

我的 JSON 数据格式如下:

  $scope.things = [{
        id: 1,
        data: 'One',
        shown: true
    }, {
        id: 2,
        data: 'Two',
        shown: false
    }, {
        id: 3,
        data: 'Three',
        shown: true
    },  ];

我想要的是，当单击 id-1 时，它将显示文本一并隐藏其他文本，当单击 id-2 时，它将显示文本二并隐藏其他文本，依此类推。

这是我尝试过的 fiddle :jsfiddle : Demo Link

Answer 1

我更新了你的代码

$scope.flipMode = function (id) {
    $scope.things.forEach(function (thing) {
                 if(id == thing.id){
                     thing.shown = true;
                 }
                 else{
                     thing.shown = false;
                 }
    })
};


<a href="#" ng-click="flipMode(thing.id)">{{thing.id}}</a>

这是工作fiddle