angular.js-angularjs 동적 ID를 기반으로 div를 표시하는 방법

Question

다음과 같이 html에서 p의 ID 코드를 동적으로 설정합니다.

으아아아

HTML 구문 분석 후 다음과 유사한 동적 ID의 효과를 볼 수 있습니다.

으아아아

이 p의 표시 여부를 동적으로 제어하고 싶습니다. 이 코드는 js로 작성했습니다.

으아아아

결과가 원하는 효과를 얻지 못했고 클릭할 때마다 여전히 3개의 p가 표시되었습니다. 내가 원하는 효과를 얻을 수 있는 방법이 있나요?

Answer 1

이유는 모르겠지만 class="ng-hide"를 style="desplay:none"으로 변경했더니 제대로 작동했습니다. . .

Answer 2

ng-show와 ng-hide를 사용할 수 있나요

Answer 3

항목에 "isShow" 필드를 추가하세요. 기본값은 false입니다.

으아악

버튼을 클릭하면 isShow의 값이 반전됩니다.

으아악

Answer 4

Angular.js에서 요소 표시를 제어하는 ​​방법에는 두 가지가 있습니다. 첫 번째는 ng-show ng-hide이고 다른 하나는 ng-if

입니다.

Answer 5

데이터를 재구성하고 ng-hide를 사용하여 요소 숨김 여부를 제어하는 ​​것이 좋습니다.

으아악

Answer 6

다른 속성을 추가하고 p의 custom 속성에 쓴 다음 ng-if가 판단한다고요?

Answer 7

https://github.com/xufei/ng-c...