[AngularJS] ng-click 안에 if 문 넣기

[AngularJS] ng-click 안에 if 문 넣기

• http://stackoverflow.com/questions/21786492/if-statement-in-ng-click

컨트롤러에서 처리

ng-click에서는 함수를 호출하고,

파라미터로 값을 전달하여 컨트롤러 안에 정의한 함수에서 처리하도록 합니다.

템플릿 :

<input ng-click="check(profileForm.$valid)" name="submit" id="submit" value="Save" class="submit" type="submit">

컨트롤러 :

$scope.check = function(value) {
    if (value) {
       updateMyProfile();
    }
}

&& 사용

<input  ng-click="profileForm.$valid && updateMyProfile()" name="submit" id="submit" value="Save" class="submit" type="submit">

profileForm.$valid가 유효한 값일 경우 updateMyProfile()가 호출됨

3항 연산자 사용

ng-click="profileForm.$valid ? updateMyProfile() : alert('failed')"

profileForm.$valid가 유효한 값일 경우 updateMyProfile()가 호출됨. 아니면 alert('failed')가 실행됨.

ng-disabled 를 사용하여 비활성화

<input ng-disabled="!profileForm.$valid" ng-click="updateMyProfile()" ... >
<div ng-if="!profileForm.$valid">
    Sorry! We need all form fields properly filled out to continue.
</div>