Javascript 如何在angularjs中使用实例函数

我是angular的新手，我在我的项目中使用angular。我不知道如何从原来的实例函数

我的功能是blw

    $scope.collapsedrow = true;
    $scope.PlusClick = function(event) {
          $scope.collapsedrow = false;
          $scope.expandedrow = true;

    };
    $scope.MinusClick = function(event) {
          $scope.collapsedrow = true;
          $scope.expandedrow = false;
    };

我有那么多行。所有行都可以展开/折叠。当我在任何一行中单击PlusClick函数时，它将显示相应的隐藏行。所有其他行都相同。现在我只能对一行使用它，因为它影响全局

---

你能帮我解决这个问题吗？如果你想对每一行这样做，它们需要有一个特殊的属性

app.controller('AppController',
[
  '$scope',
  function($scope) {
    $scope.persons = [
      {id: 1, Name:'John',visible:true},
      {id: 2,Name:'Mark',visible:true},
      {id: 3,Name:'Sam',visible:true},
      {id: 4, Name:'Edward',visible:true},
      {id: 5, Name:'Michael',visible:true}
    ];

    $scope.collapsedrow = true;
    $scope.PlusClick = function(item) {
          item.visible = true;

    };
    $scope.MinusClick = function(item) {
          item.visible = false;
    };

  }
]
);

<ul>
  <li ng-repeat="person in persons" ng-show="person.visible">
    {{person.Name}}
    <button ng-click="PlusClick(person)">+</button>
    <button ng-click="MinusClick(person)">-</button>
  </li>
</ul>

app.controller（'AppController'），
[
“$scope”，
职能（$范围）{
$scope.persons=[
{id:1，名称：'John'，可见：true}，
{id:2，名称：'Mark'，可见：true}，
{id:3，名称：'Sam'，可见：true}，
{id:4，名称：'Edward'，可见：true}，
{id:5，名称：'Michael'，可见：true}
];
$scope.collapsedrow=true；
$scope.PlusClick=功能（项目）{
item.visible=true；
};
$scope.MinusClick=函数（项）{
item.visible=false；
};
}
]
);


{{person.Name}
+
-

---

以下是

也许您应该考虑在行级别而不是全局级别存储标志collapsedrow和expandedrow。如何输出行？您能提供html吗？您能提供JSFIDLE中的任何代码示例吗？