홈>
다른 레벨의 웹 게임을 만들고 있는데AngularJS의 배열 안에 저장된 코드를 사용하여 div 스타일을 변경해야합니다. 게임에는 두 개의 화면이 있습니다. 왼쪽은 사용자가HTML에 코드를 입력하고 오른쪽은 결과를 보여줍니다. 이 화면에는 코드에 의해 생성 된 요소와 배경 및 div가 있습니다. 각 레벨마다 배경 스타일이 다르므로 사용자가 현재 레벨을 변경할 때로드해야합니다.
HTML코드는 다음과 같습니다 :
<div id="background" ng-class="css"></div>
AngularJS의 코드는 다음과 같습니다.
$scope.css = [
{
//level one
'background-image': 'url(url1)',
'position' : 'absolute',
...
},
{
//level two
'background-image': 'url(url2)',
...
}];
또 다른 접근법은
$scope.cur_level
라는 변수를 사용하는 것입니다
ng-class
에서 사용하기 위해 현재 레벨 수 가져 오기를 사용하고 있습니다.
조건이있는 경우 :
ng-class="cur_level = '0' ? 'level_one' : 'level_two'"
이 경우 각 레벨 스타일은CSS파일에서 생성되었습니다. 그러나 첫 번째 레벨의 스타일은 모든 레벨에 대해로드됩니다. 나는 정말로 배열 접근법을 사용하고 싶다. 가장 좋은 방법은 무엇입니까?
관련 질문
- javascript - Chartjs 차트가 표시되지 않음
- javascript - 톱니 바퀴 아이콘을 클릭 할 때이 설정 상자를 숨기려면 어떻게해야합니까?
- javascript - 상수 변수 할당 오류
- javascript - css 위치 - 고정;배경 제거
- javascript - JS로 만들 때 선택 항목이 옵션과 함께 나타나지 않는 이유는 무엇입니까?
- javascript - 가져온 후 웹 페이지에 데이터로드
- javascript - Owl carousel 탐색 버튼 (다음 및 이전 주변)에 "테두리"를 추가하려면 어떻게해야합니까?
- 화살표가있는 슬라이더 탐색 (HTML, CSS, JAVASCRIPT)
- javascript - 생성 된 요소 (입력)가 설정시 이벤트를 트리거하지 않는 이유는 무엇입니까?
- html - javascript 날짜 형식 - 형식 the day ex (월)
다음은 ng-class 지시문을 사용하는 올바른 방법입니다 :