반복적으로 각 레코드에 대한 고유 범위 표시, angularjs

Rajeev

ng-repeat를 사용하여 내 기록을 다음과 같이 표시합니다.

<ul ng-repeat= 'stu in students'>
  <li>{{stu.name}}</li>
  <li>{{stu.age}}</li>
  <li><button ng-click="show()">show</button></li>
 <li ng-show="showThis">Hello {{stu.name}}</li>
</ul>

내 컨트롤러에서 :

  $scope.show = function () {
      $scope.showThis = true ;
  };

그래서 쇼 버튼을 클릭하면 모든 학생의 이름이 표시되지만 선택된 학생은 한 명만 표시하고 싶습니다. 이 범위를 선택한 레코드로만 바인딩하는 방법은 무엇입니까?

dfsq

접근 방식 1. 각 반복 ngRepeat에서 새 자식 범위를 만듭니다. this해당 컨트롤러 방식에서 키워드로 현재를 참조 할 수 있습니다 . 예를 들면 :

$scope.show = function() {
    this.showThis = true;
};

그리고 그것은 속임수를 만들 것입니다.

데모 : http://plnkr.co/edit/857DsN6EYI21sEvn15Ul?p=preview

접근 방식 2. 현재 학생 참조를 show메소드에 전달 하고 showThis속성을 설정 합니다.

<ul ng-repeat='stu in students'>
    <li>{{stu.name}}</li>
    <li>{{stu.age}}</li>
    <li>
        <button ng-click="show(stu)">show</button>
    </li>
    <li ng-show="stu.showThis">Hello {{stu.name}}</li>
</ul>

그리고 컨트롤러에서 :

$scope.show = function(student) {
    student.showThis = true;
};

데모 : http://plnkr.co/edit/F3yKm4kiq2HDZGe9aF6W?p=preview

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

범위의 각 고유 값에 대한 고유 증분 ID

분류에서Dev

지시문에 대한 각도 전달 동적 범위

분류에서Dev

워드 프레스에서 ACF 리피터 행을 반복하고 각 행을 개별적으로 표시

분류에서Dev

입력 값 AngularJS에 대한 범위 유효성 검사 적용

분류에서Dev

여러 범위에 대한 Google 스프레드 시트의 고유 한 수식

분류에서Dev

지시문이 각 용도에 대해 고유 한 범위 항목을 갖도록하는 방법

분류에서Dev

AngularJS : 뷰 외부에서 각도 범위 새로 고침

분류에서Dev

날짜 범위에 대한 유효한 결과 수 표시

분류에서Dev

각 레코드에 대한 범위 od 날짜가있는 테이블로보기

분류에서Dev

광범위한 파일을 반복하고 각 열을 입력으로 사용

분류에서Dev

1 개 열을 기준으로 각 개인에 대한 고유 한 레코드를 선택합니다.

분류에서Dev

각 URL ID에 대해 고유 한 댓글 페이지 표시

분류에서Dev

Python-각 고유 단어에 대해 한 줄 표시

분류에서Dev

열의 각 고유 값에 대해 상위 하나의 레코드 선택

분류에서Dev

각 레코드에 대해 고유 한 SQL Server 개수

분류에서Dev

각 고유 열 값에 대한 INSERT 레코드

분류에서Dev

각 사용자에 대해 최소 및 최대로 고유 한 레코드를 얻는 방법

분류에서Dev

고유 시간을 기반으로 반복적으로 하위 집합 데이터 프레임

분류에서Dev

java / jsp에서 반복되는 레코드 목록의 각 레코드에 대해 새 범위를 만드는 방법

분류에서Dev

Q : 지정된 범위의 숫자에 대한 정사각형 및 정육면체 표를 표시하는 프로그램을 Python으로 생성

분류에서Dev

Razor CSHTML 페이징 및 각 페이지에 레코드 번호 범위 표시

분류에서Dev

반복 데이터에 대한 AngularJS 행 범위

분류에서Dev

각 테이블 필드에 대한 쿼리 결과를 별도의 레코드로 표시

분류에서Dev

datetime을 기반으로 각 고유 값에 대한 행 결합

분류에서Dev

중복 레코드를 가져오고 Gridview에서 한 행에 표시하기위한 SQL 쿼리

분류에서Dev

각 고유 ID에 대해 각 고유 이름을 표시하십시오.

분류에서Dev

GCC는 잠재적으로 유효한 코드에 대해 init-list-lifetime 경고를 표시합니까?

분류에서Dev

조인 된 테이블의 각 레코드에 대한 날짜 기반 상위 1 개 레코드

분류에서Dev

각 반복에 대한 응답에서 고유 값을 선택하기 위해 jmeter를 만드는 방법

Related 관련 기사

  1. 1

    범위의 각 고유 값에 대한 고유 증분 ID

  2. 2

    지시문에 대한 각도 전달 동적 범위

  3. 3

    워드 프레스에서 ACF 리피터 행을 반복하고 각 행을 개별적으로 표시

  4. 4

    입력 값 AngularJS에 대한 범위 유효성 검사 적용

  5. 5

    여러 범위에 대한 Google 스프레드 시트의 고유 한 수식

  6. 6

    지시문이 각 용도에 대해 고유 한 범위 항목을 갖도록하는 방법

  7. 7

    AngularJS : 뷰 외부에서 각도 범위 새로 고침

  8. 8

    날짜 범위에 대한 유효한 결과 수 표시

  9. 9

    각 레코드에 대한 범위 od 날짜가있는 테이블로보기

  10. 10

    광범위한 파일을 반복하고 각 열을 입력으로 사용

  11. 11

    1 개 열을 기준으로 각 개인에 대한 고유 한 레코드를 선택합니다.

  12. 12

    각 URL ID에 대해 고유 한 댓글 페이지 표시

  13. 13

    Python-각 고유 단어에 대해 한 줄 표시

  14. 14

    열의 각 고유 값에 대해 상위 하나의 레코드 선택

  15. 15

    각 레코드에 대해 고유 한 SQL Server 개수

  16. 16

    각 고유 열 값에 대한 INSERT 레코드

  17. 17

    각 사용자에 대해 최소 및 최대로 고유 한 레코드를 얻는 방법

  18. 18

    고유 시간을 기반으로 반복적으로 하위 집합 데이터 프레임

  19. 19

    java / jsp에서 반복되는 레코드 목록의 각 레코드에 대해 새 범위를 만드는 방법

  20. 20

    Q : 지정된 범위의 숫자에 대한 정사각형 및 정육면체 표를 표시하는 프로그램을 Python으로 생성

  21. 21

    Razor CSHTML 페이징 및 각 페이지에 레코드 번호 범위 표시

  22. 22

    반복 데이터에 대한 AngularJS 행 범위

  23. 23

    각 테이블 필드에 대한 쿼리 결과를 별도의 레코드로 표시

  24. 24

    datetime을 기반으로 각 고유 값에 대한 행 결합

  25. 25

    중복 레코드를 가져오고 Gridview에서 한 행에 표시하기위한 SQL 쿼리

  26. 26

    각 고유 ID에 대해 각 고유 이름을 표시하십시오.

  27. 27

    GCC는 잠재적으로 유효한 코드에 대해 init-list-lifetime 경고를 표시합니까?

  28. 28

    조인 된 테이블의 각 레코드에 대한 날짜 기반 상위 1 개 레코드

  29. 29

    각 반복에 대한 응답에서 고유 값을 선택하기 위해 jmeter를 만드는 방법

뜨겁다태그

보관