반응형

angularJS 28

커스텀 디렉티브의 ng-change 구현 방법

커스텀 디렉티브의 ng-change 구현 방법 이런 템플릿이 있는 지시가 있어요 내 지시사항은 다음과 같이 선언됩니다. return { templateUrl: '...', restrict: 'E', require: '^ngModel', scope: { items: '=', ngModel: '=', ngChange: '&' }, link: function postLink(scope, element, attrs) { scope.updateModel = function(item) { scope.ngModel = item; scope.ngChange(); } } } 나는 가지고 싶다ng-change항목이 클릭되고 값이 지정되면 호출됩니다.foo는 이미 변경되었습니다. 즉, 내 지시가 다음과 같이 구현되는 경우:..

programing 2023.04.06

Angular 템플릿의 인라인 로직JS

Angular 템플릿의 인라인 로직JS Angular에서 템플릿에 인라인으로 로직을 쓸 수 있는 방법이 있습니까?JS. 제가 하고 싶은 일은 다음과 같습니다. {{item.isValid ? 'Valid item' : 'Invalid Item'}} 사용할 수 있습니다.&&그리고.||3진 연산자와 동일하게 동작합니다. {{item.isValid && 'Valid' || 'Invalid' }} 편집: 1.1.5에서 도입된 각도 3진 연산자: {{item.isValid ? 'Valid' : 'Invalid' }}ng-show로 스팬을 삽입하여 조건 텍스트를 표시할 수 있습니다. 예 Valid item Invalid item 각진 표현에는 조건어를 사용할 수 없습니다.또한 div 내용이 가벼운 경우(텍스트만), ..

programing 2023.04.06

javascript를 사용하여 div를 angular로 인쇄합니다.JS 단일 페이지 응용 프로그램

javascript를 사용하여 div를 angular로 인쇄합니다.JS 단일 페이지 응용 프로그램 저는 angularJs를 사용한 한 페이지 웹 어플리케이션을 가지고 있습니다.특정 페이지의 div를 인쇄해야 합니다.다음을 시도했습니다. 페이지에 div가 거의 없습니다(print.html). Do not print Print this div Print Div 컨트롤러에는 다음 스크립트가 있습니다. $scope.printDiv = function(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.body.innerHTML =..

programing 2023.04.01

$rootScope에서 $apply 실행과 다른 범위 실행

$rootScope에서 $apply 실행과 다른 범위 실행 그$apply다음과 같은 모든 범위에서 실행할 수 있습니다.$rootScope. 로컬 스코프에서 실행하거나 로컬 스코프에서 실행하거나$rootScope? 제가 물어본 이유는 주어진 기능을 랩하는 도우미 기능을 만들고 싶기 때문입니다.$apply그러기 위해서는 항상 스코프를 통과해야 합니다.A) 귀찮고 B) 로컬 스코프가 없기 때문에 쉽지 않습니다. 도우미 기능 호출을 항상 받고 싶습니다.$apply에서$rootScope하지만 그렇게 하는 데 위험이 있다면 안 돼요입니다.$apply어떤 범위에서도 항상 결과가 된다$rootscope.$digest차이가 있을 수 있는 유일한 경우는 식을 인수로 제공하는 경우입니다.$apply표현식은 현재 범위(vs...

programing 2023.04.01

왜 ng클릭이 필요하죠?

왜 ng클릭이 필요하죠? 각도 어플리케이션에서는ng-click()의 속성이 아닌onclick이벤트입니다. 왜 이러한가?각이 진다고 의미가 달라지진 않아onclickAtribute: 패럴렐을 추가합니다.ng-clickAngular 식을 사용합니다. onclickAngular를 사용하는 경우에도 플레인오래된 JavaScript 코드를 사용합니다. 실제로 클릭 핸들러에서 수행하는 작업이 Angular 스코프에서 일부 변수를 변경하거나 Angular 스코프에서 일부 변수를 변경하는 함수를 호출한다고 가정합니다.JavaScript 코드에서 이를 수행하려면 (입력하는 내용 등)onclick)는 많은 단계를 필요로 합니다. 범위에 대한 언급을 얻다 변수를 할당하거나 함수를 호출합니다. 불러scope.$apply그러면..

programing 2023.04.01

AngularJS에서 $stateProvider의 상태 변화를 $watch하려면 어떻게 해야 합니까?

AngularJS에서 $stateProvider의 상태 변화를 $watch하려면 어떻게 해야 합니까? 나는 달릴 수 있다는 것을 안다. scope.$watch(someItem, function(){}) 하지만 어떻게 해야 변화를 지켜볼 수 있을지 모르겠어$state.$current.name제 지원서에 있습니다. 다음 문서에 기재되어 있습니다. $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams){ // do something }) 이 방법은 다음과 같습니다. $scope.$watch(function(){ return $state.$current.name }, function(newVal, o..

programing 2023.04.01

$exceptionHandler 구현을 재정의하는 방법

$exceptionHandler 구현을 재정의하는 방법 Javascript 예외가 발생할 때마다 추가로 하고 싶은 일이 있습니다. 다음 문서에서$exceptionHandler: 각도 표현식의 수집되지 않은 예외는 이 서비스에 위임됩니다.기본 구현에서는 $log.error를 위임하고 브라우저 콘솔에 로그인합니다. 「디폴트 실장」이라고 하는 것에 의해서, 서비스 전용의 실장을 제공해, 예외가 발생했을 때에 필요한 작업을 실시할 수 있는 방법이 있다고 생각할 수 있습니다.제 질문은, 이걸 어떻게 하느냐는 것입니다.이 서비스에 대한 모든 예외를 유지하면서 원하는 기능을 제공하려면 어떻게 해야 합니까?이를 위해 찾은 또 다른 선택지는 이 '장식'입니다.$exceptionHandler$120.discator 함수를..

programing 2023.03.27

약속을 돌려주는 유닛 테스트 서비스 Angularjs Jasmine

약속을 돌려주는 유닛 테스트 서비스 Angularjs Jasmine Michal Charemza 투고에 따라 편집되었습니다. angului 모달 대화 상자를 나타내는 서비스가 있습니다. app.factory("dialogFactory", function($modal, $window, $q) { function confirmDeleteDialog() { var modalInstance = $modal.open({ templateUrl: "../application/factories/confirmDeleteDialog.htm", controller: function($scope, $modalInstance) { $scope.ok = function() { $modalInstance.close("true");..

programing 2023.03.27

어레이 맵을 사용하여 조건부로 결과 필터링

어레이 맵을 사용하여 조건부로 결과 필터링 어레이 맵을 사용하여 오브젝트를 조금 더 필터링하여 서버로 보낼 준비를 하려고 합니다.1개의 키 값으로 필터링 할 수 있기 때문에 매우 좋지만, 한 걸음 더 나아가 부울값과 대조해 보고 싶습니다. 그래서 지금 내가 가진 건 이거야 $scope.appIds = $scope.applicationsHere.map( function(obj){ if(obj.selected == true){ return obj.id; } }); 이 방법은 ID를 추출하는 데 매우 효과적이지만 선택한 값이 == false일 경우 이 새 배열에 푸시하고 싶지 않으므로 추가 필터링 조건을 붙였습니다.이렇게 하면 ID 배열을 얻을 수 있지만 .select == false를 선택한 ID는 null..

programing 2023.03.22
반응형