반응형

AngularJS 44

Angular에서 "track by"란 무엇입니까?JS는 어떻게 작동합니까?

Angular에서 "track by"란 무엇입니까?JS는 어떻게 작동합니까? 어떻게 그 일을 할 수 있는지 잘 모르겠어요.track by작품과 그것이 하는 일. 저의 주된 목표는 같이 사용하는 것입니다.ng-repeat정확도를 좀 더 높이기 위해서요.사용.track by문자열과 중복된 값을 추적합니다 보통.ng-repeat항목 자체별로 각 항목을 추적합니다.주어진 배열에 대해objs = [ 'one', 'one', 2, 'five', 'string', 'foo'],ng-repeat각각의 변화를 추적하려는 시도obj에서ng-repeat="obj in objs". 문제는 우리가 중복된 값을 가지고 있고 각이 오차를 낸다는 것입니다.이를 해결하기 위한 한 가지 방법은 다른 방법으로 물체를 각지게 추적하는 것입..

sourcetip 2023.11.04

Angular가 HTML을 빠져나가지 못하도록 방지

Angular가 HTML을 빠져나가지 못하도록 방지 Angular가 마크업을 보간하고 범위 변수를 a에 삽입할 때{{post}}스타일 템플릿은 HTML을 빠져나갑니다. 제가 만들고 있는 응용 프로그램은 사용자가 변수 이름을 삽입하기 위해 곱슬곱슬한 중괄호 표기법을 사용하여 템플릿을 작성하도록 요구합니다. 일부 변수에 대한 지시어와 다른 변수에 대한 커서를 가져와 지나치게 복잡하게 만들고 싶지 않습니다. 컬리 템플릿을 통해 탈옥되지 않은 HTML을 렌더링하는 방법이 있습니까? 내 유일한 대안은 사용자가 렌더링을 시도할 때 프록시 요소를 렌더링하는 것입니다.{{post}}, jQLite로 잡고 HTML을 손으로 넣을 수 있지만, 그것은 모든 음영의 지저분한 것입니다.무슨 생각 있어요?ngBindHtml을 보..

sourcetip 2023.10.30

AngularJS 1.2 - ng애니메이트가 작동하지 않음

AngularJS 1.2 - ng애니메이트가 작동하지 않음 AngularJS 1.2로 ng-animate를 사용하는 것은 처음입니다. 왜 내 ng-animate가 특정 클래스 이름을 작동하지 않지만 예제에서 본 간단한 페이드에 대해 기본값으로 작동하는지 잘 모르겠습니다. 이 예제에서 나는 ng-animate 클래스를 'animation'로 설정하려고 합니다. http://plnkr.co/edit/QWQUUVdcLmzLKRvVibqN?p=preview 기본값을 사용하고 애니메이션의 클래스 이름이 ".ng-enter"와 ".ng-leave"일 때 애니메이션에서 페이드가 잘 되는 것 같습니다. http://plnkr.co/edit/lEQhMwd6RWmsdmJbosu0?p=preview 어떤 도움이라도 주시면 ..

sourcetip 2023.10.30

단위 테스트에서 내 요소가 초점이 맞춰졌는지 확인하려면 어떻게 해야 합니까?

단위 테스트에서 내 요소가 초점이 맞춰졌는지 확인하려면 어떻게 해야 합니까? 필드에 자동 초점을 맞추려면 다음과 같은 지침이 있습니다. .directive('ngAutofocus', function ($timeout) { return { restrict: 'A', link: function (scope, elm) { $timeout(function () { elm[0].focus(); }); } }; } 유닛 테스트는 어떻게 해야 합니까?다음 셀렉터와 같은 몇 가지를 시도해 보았지만 모두 오류나 거짓을 반환합니다. console.log($(elm[0]).is(':focus')); 장치 테스트는 다음과 같이 설정됩니다. elm = angular.element(''); $scope.$digest(); $co..

sourcetip 2023.10.30

SonarQuebe가 AngularJS로 멋지게 플레이하게 하는 방법은?

SonarQuebe가 AngularJS로 멋지게 플레이하게 하는 방법은? 일부 자바스크립트 코드의 품질 검사를 위해 SonarQuebe를 사용하는 것을 검토해보았지만, 이 코드는 Angular를 사용하여 작성되었습니다.JS. SonarQuebe 규칙 중 하나는 함수의 줄 수를 확인합니다. 이는 합리적인 것처럼 보이지만 AngularJS에서는 함수를 사용하여 컨트롤러, 서비스 및 지시를 정의하고 이러한 함수는 상당히 커질 수 있습니다.개념적으로, 이들은 클래스 정의에 더 가까우며, 그 안에 다른 함수들이 내포되어 있습니다. 이상적으로는 SonarQuebe에서 내부 기능의 길이와 내부 기능을 제외한 외부 기능을 확인하고 싶은데 방법을 모르겠습니다. AngularJS와 함께 SonarQube를 사용하여 이 문..

sourcetip 2023.10.30

AngularJS에서 구성 단계를 테스트하는 장치

AngularJS에서 구성 단계를 테스트하는 장치 AngularJS의 유닛 테스트 작성법을 배우려고 합니다.저는 처음에 시작했습니다. angular.module( ... ).config( ... ) 내부 구성을 테스트하고 싶습니다.관련 부분은 다음과 같습니다. angular.module('ogApp', ['ngCookies','ui.router','ogControllers','ogServices','ogDirectives','ogMetricsData']) .config([ '$stateProvider', '$locationProvider', function ($stateProvider, $locationProvider) { $stateProvider. state('login', { templateUrl:..

sourcetip 2023.10.25

Sentry 디버깅이 추가되었습니다. 긴 문자열이 정의되지 않음

Sentry 디버깅이 추가되었습니다. 긴 문자열이 정의되지 않음 부트스트랩 구성 요소가 있는 Angular 1.x 앱을 만들고 있습니다.최근 Sentry 디버깅을 사이트에 추가했는데 방금 다음 오류가 발생했습니다. 'PAPADDINGXXPADDINGPADD'INGXX 패딩패딩INGXX 패딩패딩INGXX 패딩패딩INGXX 패딩패딩'INGX'가 정의되지 않았습니다. 브라우저 = IE 11.0 디바이스 = 기타 레벨 = 오류 로거 = 자바스크립트 os = 윈도우 8.1 Mozilla/5.0(윈도우즈 NT 6.3; WOW64; Trident/7.0; .NET4.0)E; .NET4.0C; .NET CLR 3.5.30729; .NET CLR 2.0.50727; .Gecko와 같은 NET CLR 3.0.30729; ..

sourcetip 2023.10.25

ui 부트스트랩 모드의 컨트롤러 '정의되지 않음'

ui 부트스트랩 모드의 컨트롤러 '정의되지 않음' ui-bootstrap 0.6의 modal directive를 사용하려고 합니다. 다음은 ui-bootstrap 페이지의 작동 기본 플렁커입니다. http://plnkr.co/edit/JGBiBSeRqOnwRhYA9py8?p=preview 이제, 저는 코딩 스타일을 각시드 스타일에 맞게 만들어 이를 하나의 앱에 포함시키려고 했습니다. http://plnkr.co/edit/Y59rwlcNpQdijKtmjOPy?p=preview angular.module('MyModal', ['ui.bootstrap', 'MyModal.controllers']); angular.module('MyModal.controllers', []) .controller('ModalDe..

sourcetip 2023.10.25

ENOENT: node_modules\jquery\dist\jquery.min.js'에 해당하는 파일 또는 디렉토리가 없습니다.

ENOENT: node_modules\jquery\dist\jquery.min.js'에 해당하는 파일 또는 디렉토리가 없습니다. 저는 제가 무엇을 잘못하고 있는지 확신할 수 없습니다. 자습서를 따라가고 있지만 다음 오류가 계속 발생합니다. ENOENT: 해당 파일이나 디렉토리가 없습니다. 'C:\Users\andrekp\Documents\VSCode\Projects\node_modules\jquery\dist\jquery.min.js' 오류: ENOENT: 해당 파일이나 디렉토리가 없습니다. 'C:\Users\andrekp\Documents\VSCode\Projects\node_modules\jquery\dist\jquery.min.js' 여기 제 angular.json 파일이 있습니다. { "$sche..

sourcetip 2023.10.20

AngularJS - 경로 간 데이터 저장

AngularJS - 경로 간 데이터 저장 경로 간에 데이터를 저장하는 가장 좋은 방법은 무엇입니까? 그래서 저는 4단계의 양식을 가지고 있는데 이전 단계의 데이터를 다음 단계로 이월하고 싶습니다. 지금은 '서비스'를 이용해 데이터를 저장하고 있는데, 이는 효과가 있습니다.그러나 문제는 "서비스"가 싱글톤이고, 그 양식에서 벗어나 탐색한 후 다시 그 양식으로 되돌아오는 것은 이전의 불완전하거나 버려진 양식의 모든 데이터를 여전히 가지고 있다는 것입니다. 이런 상황을 해결할 수 있는 좋은 방법이 있을까요? 감사해요. 티다음과 같은 경우에 저장된 데이터를 삭제하도록 서비스를 강화하는 것은 어떨까요? 사용자가 양식을 완성하지 않고 전체 양식 제출 프로세스에서 벗어나 탐색합니다. 사용자가 양식을 제출합니다. 기..

sourcetip 2023.10.15
반응형