반응형
AngularJS : ng클릭으로 변수값을 설정할 수 없습니까?
ng-show="prefs"를 사용하여 가시성을 결정하는 모달(modal)이 있습니다.
모달의 close 버튼을 사용하여 $scope.prefs를 false로 설정하고 앵커 태그를 사용하여 값을 true로 설정하고 싶습니다.하지만 구글에서 찾을 수 있는 것은 앵커 태그가 아닌 체크박스를 사용하는 것뿐입니다.
ng-click을 사용하여 변수를 false로 설정하는 방법이 있습니까?
다음 작업을 수행합니다.
ng-click="prefs = false"
반면 @tyme는JV가 정답을 제시했습니다.이렇게 하면 각도와 함께 인라인 상태가 됩니다.
ng-click="hidePrefs()"
다음으로 컨트롤러에서 다음을 수행합니다.
$scope.hidePrefs = function() {
$scope.prefs = false;
}
이런 거 써도 돼
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body>
<div ng-app="" ng-init="btn1=false" ng-init="btn2=false">
<p>
<input type="submit" ng-disabled="btn1||btn2" ng-click="btn1=true" ng-model="btn1" />
</p>
<p>
<button ng-disabled="btn1||btn2" ng-model="btn2" ng-click="btn2=true">Click Me!</button>
</p>
</div>
</body>
</html>Angular(2/5/6)의 최신 버전을 사용하는 경우:
component.ts로 설정합니다.
//x.component.ts
prefs = false;
hidePrefs(){
this.prefs = true;
}
언급URL : https://stackoverflow.com/questions/23140528/angularjs-cant-i-set-a-variable-value-on-ng-click
반응형
'programing' 카테고리의 다른 글
| UI 라우터 해결 함수의 처리 오류입니까?(일명 $state)ChangeError) 데이터를 오류 상태로 전달하시겠습니까? (0) | 2023.03.15 |
|---|---|
| 봄 프로젝트 실가동 코드용 RestTemplate vs Apache Http Client (0) | 2023.03.15 |
| 코드에 JSON 문자열 값을 어떻게 쓰나요? (0) | 2023.03.15 |
| Wordpress Admin에서 현재 여부를 확인하는 방법 (0) | 2023.03.10 |
| 스프링 클라우드 또는 스프링 부츠Biz API를 개발하기 위한 적절한 봄 프로젝트는 무엇입니까? (0) | 2023.03.10 |