각도 NG 쇼 지시어는 내가 거기에 같은에서 angular.js 웹 응용 프로그램과 BTN-그룹이 버튼

Question

작동하지 않습니다

<button ng-show="show_button">....</button> 

그리고 컨트롤러

$scope.show_button = false;

하지만 난 버튼을 볼 수있다. 왜? ng-show은 전체 btn-group에서 작동하지만 하나의 버튼에는 작동하지 않습니다.

Answer 1

여기에 plunkr 예가 나와 있습니다. 그것은 나를 위해 btn-group에서 작동합니다.

Answer 2

Angular v1.2.2를 사용하여이 문제가 발생했습니다.

이 .hidden-XS에 대한 부트 스트랩의 스타일 규칙 나타납니다 : 각도의 (v1.2.2)에서

.hidden-xs { display: block !important; } 
@media (max-width: 767px) { 
    .hidden-xs { display: none !important; } 
} 

재정의 스타일 규칙이 .ng- 위해 (머리 앞에 추가하는 대신 추가) 인라인 스타일 시트를 주입 hide (아마 .ng-show도 가능).

[ng\:cloak], [ng-cloak], [data-ng-cloak], 
[x-ng-cloak], .ng-cloak, .x-ng-cloak, 
.ng-hide { 
    display: none !important; 
} 

지금 시점에서는 더 나은 해결책이 없기 때문에 각도 스타일 시트 나 문서, 스타일 시트 또는 다른 방식으로 필요한 특정 규칙을 추가하십시오. 그런 다음 각도 버전을 변경하면 스타일 규칙이 변경되었는지 확인하십시오. 누구에게나보다 적절한 해결책이 있다면 기꺼이 공헌하십시오.

Answer 3

부트 스트랩 '.hidden-xs 클래스는 각도의 ng-show 및 ng-hide 클래스를 분리하는 가시적 인 elemets에 대해 display:block을 추가합니다.

// my-style.css 
@media (max-width: 767px) { 
    .my-hidden-xs { 
     display: none !important; 
    } 
} 

// index.html 
<button class="btn btn-default my-hidden-xs" ng-show="show_button"></button> 

Answer 4

내가 너무이 문제로 실행 :

대신, 사용자 정의 .my-hidden-xs 클래스를 사용합니다. 마지막으로 div에 대한 내 자신의 CSS 파일에서 스타일을 "visibility : hidden"으로 설정 한 것을 발견했습니다. 따라서 ng-show에서 표현식을 어떻게 변경하더라도 div는 항상 숨겨져 있습니다. 즉, 자신의 스타일로 보이는 스타일이 항상 적용된다는 것을 의미합니다. angularjs는이 CSS 속성 값을 변경하지 않습니다. ng-show/ng-hide를 사용하려면 DOM 요소에 스타일 표시/숨기기를 추가하지 말고 컨트롤을 각도로 넘기십시오.

Answer 5

ng-show/ng-hide을 ng-if으로 바꿔보십시오. 트릭을 수행해야합니다 :)