如何在angularjs中获取实例函数

How to take instance function in angularjs

本文关键字:获取 实例 函数 angularjs      更新时间:2023-09-26

我是 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>

这是普伦克