open:ng-click-안에-if-문-넣기 [EL]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

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

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

## 컨트롤러에서 처리

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

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


템플릿 :

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

컨트롤러 :

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

## && 사용

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

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


## 3항 연산자 사용

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

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


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

```html
<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>
```