AngularJS 조건부 클래스가 작동하지 않습니다.

빌리 소

컨트롤러에 등록 기능이 있습니다.

    $scope.register = function() {
        User.register($scope.user)
            .success(function(data) {
                if(data.success) {
                    $scope.stage = false;
                } else {
                    $scope.message = true;
                }
            });
    }

그런 다음이 HTML이 있습니다.

    <div class="form-group" ng-class="{ hidden: stage }">
        <label for="token">Confirmation Token</label>
        <input type="text" class="form-control" placeholder="Enter the token sent to your phone" ng-model="user.token" required>
    </div>

일반적으로 jQuery에서는 숨겨진 클래스를 제거하여 DOM을 업데이트합니다 data.success. 여기 ng-class에서는 클래스를 조건부로 적용하거나 제거하는 데 사용 했지만 작동하지 않는 것 같습니다.

클래스가 기본적으로 거기에 있기를 원하며 다음과 같은 경우 제거되기를 원합니다. data.success

내가 여기서 뭘 잘못하고 있니?

제프 크로스

클래스를 적용하려면 컨트롤러에서 스테이지를 실제 값으로 설정해야합니다.

$scope.stage = true;
User.register($scope.user)
...

그리고 요소를 표시 / 숨기기를 원하는 경우 ng-class 대신 ng-show 또는 ng-hide를 사용할 수 있습니다 (그러나 stage를 true로 설정해야 함).

<div class="form-group" ng-show="stage">

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Angular의 확인란 조건부 클래스가 작동하지 않습니다.

분류에서Dev

webpack 템플릿 조건부`클래스 이름`이있는 Reactjs가 작동하지 않습니다.

분류에서Dev

PHP 조건부 내부 루프가 작동하지 않습니다.

분류에서Dev

조건부는에서 작동하지 않습니다. ./스크립트

분류에서Dev

조건부 객체 유효성 검사가 작동하지 않습니다.

분류에서Dev

내 경우에는 조건부 ngClass가 작동하지 않습니다.

분류에서Dev

조건부`if ()`가 중첩 루프에서 작동하지 않습니다.

분류에서Dev

조건부 유효성 검사가 작동하지 않습니다.

분류에서Dev

SimpleSchema : 조건부 필수 필드가 작동하지 않습니다.

분류에서Dev

Laravel 조건부 유효성 검사가 작동하지 않습니다.

분류에서Dev

Automapper가 클래스와 구조체 AfterMap간에 작동하지 않습니다.

분류에서Dev

클래스가 부모와 함께 jquery를 작동하지 않습니다.

분류에서Dev

ActionPerfomed 메서드가 내부 클래스에서 작동하지 않습니다.

분류에서Dev

AngularJS : ng-class가 부울 함수로 작동하지 않습니다.

분류에서Dev

SQL WHERE (조건) AND (조건 1 OR 조건 2)가 작동하지 않습니다.

분류에서Dev

mvn clean 패키지에서 조건부 클래스가 감지되지 않았습니다.

분류에서Dev

JSON 경로 조건부가 작동하지 않는 것 같습니다. 이유를 알 수 없습니다.

분류에서Dev

조건부 내부에 wxpython이있는 del 클래스가 예기치 않게 작동합니다.

분류에서Dev

reactjs의 mouseOnEnter 또는 mouseOnOver에서 조건부 CSS 클래스가 변경되지 않습니다.

분류에서Dev

입력 유형 int를 확인하는 동안 조건부가 작동하지 않습니다.

분류에서Dev

Laravel 블레이드 템플릿의 조건부 구조가 작동하지 않습니다.

분류에서Dev

AngularJS를 사용하여 작업을 기반으로 조건부로 클래스를 추가하려면 어떻게해야합니까?

분류에서Dev

부동 값 번호가 작동하지 않는 Cakephp 3 조건

분류에서Dev

부트 스트랩 컨텍스트 클래스는 추가 jQuery에서 작동하지 않습니다.

분류에서Dev

각도 1을 사용하는 HTML에서 조건부 변수가 작동하지 않습니다.

분류에서Dev

Angularjs datepicker 팝업 부트 스트랩 UI가보기에서 작동하지 않습니다.

분류에서Dev

조각에서 호출 할 때 내 인터페이스 클래스가 작동하지 않습니다.

분류에서Dev

클래스 내부의 C ++ winapi 창 프로세스가 작동하지 않습니다.

분류에서Dev

angularjs $ watch가 지시문에서 작동하지 않습니다.

Related 관련 기사

  1. 1

    Angular의 확인란 조건부 클래스가 작동하지 않습니다.

  2. 2

    webpack 템플릿 조건부`클래스 이름`이있는 Reactjs가 작동하지 않습니다.

  3. 3

    PHP 조건부 내부 루프가 작동하지 않습니다.

  4. 4

    조건부는에서 작동하지 않습니다. ./스크립트

  5. 5

    조건부 객체 유효성 검사가 작동하지 않습니다.

  6. 6

    내 경우에는 조건부 ngClass가 작동하지 않습니다.

  7. 7

    조건부`if ()`가 중첩 루프에서 작동하지 않습니다.

  8. 8

    조건부 유효성 검사가 작동하지 않습니다.

  9. 9

    SimpleSchema : 조건부 필수 필드가 작동하지 않습니다.

  10. 10

    Laravel 조건부 유효성 검사가 작동하지 않습니다.

  11. 11

    Automapper가 클래스와 구조체 AfterMap간에 작동하지 않습니다.

  12. 12

    클래스가 부모와 함께 jquery를 작동하지 않습니다.

  13. 13

    ActionPerfomed 메서드가 내부 클래스에서 작동하지 않습니다.

  14. 14

    AngularJS : ng-class가 부울 함수로 작동하지 않습니다.

  15. 15

    SQL WHERE (조건) AND (조건 1 OR 조건 2)가 작동하지 않습니다.

  16. 16

    mvn clean 패키지에서 조건부 클래스가 감지되지 않았습니다.

  17. 17

    JSON 경로 조건부가 작동하지 않는 것 같습니다. 이유를 알 수 없습니다.

  18. 18

    조건부 내부에 wxpython이있는 del 클래스가 예기치 않게 작동합니다.

  19. 19

    reactjs의 mouseOnEnter 또는 mouseOnOver에서 조건부 CSS 클래스가 변경되지 않습니다.

  20. 20

    입력 유형 int를 확인하는 동안 조건부가 작동하지 않습니다.

  21. 21

    Laravel 블레이드 템플릿의 조건부 구조가 작동하지 않습니다.

  22. 22

    AngularJS를 사용하여 작업을 기반으로 조건부로 클래스를 추가하려면 어떻게해야합니까?

  23. 23

    부동 값 번호가 작동하지 않는 Cakephp 3 조건

  24. 24

    부트 스트랩 컨텍스트 클래스는 추가 jQuery에서 작동하지 않습니다.

  25. 25

    각도 1을 사용하는 HTML에서 조건부 변수가 작동하지 않습니다.

  26. 26

    Angularjs datepicker 팝업 부트 스트랩 UI가보기에서 작동하지 않습니다.

  27. 27

    조각에서 호출 할 때 내 인터페이스 클래스가 작동하지 않습니다.

  28. 28

    클래스 내부의 C ++ winapi 창 프로세스가 작동하지 않습니다.

  29. 29

    angularjs $ watch가 지시문에서 작동하지 않습니다.

뜨겁다태그

보관