반응형

AngularJS 40

Typescript-Interface/Type-definition을 스터브하는 방법

Typescript-Interface/Type-definition을 스터브하는 방법 저는 AngularJS 1.X 프로젝트에서 Typescript와 함께 일하고 있습니다.나는 다른 목적으로 다른 Javascript 라이브러리를 사용한다.소스를 유닛 테스트하기 위해 타이핑(= 인터페이스)을 사용하여 종속성을 스터브하려고 합니다.ANY 타입을 사용하지 않고 각 인터페이스 메서드에 빈 메서드를 쓰는 것도 원하지 않습니다. 저는 그런 방법을 찾고 있습니다. let dependency = stub(IDependency); stub(dependency.b(), () => {console.log("Hello World")}); dependency.a(); // --> Compile, do nothing, no exc..

source 2023.02.17

AngularJS 지시 전달 문자열

AngularJS 지시 전달 문자열 이 지시어는 페이지를 이동할 때 진행률을 추적하는 진행률 표시줄이라는 HTML 요소를 생성하려고 합니다.다음과 같이 사용할 수 있도록 개발하려고 합니다. ^^의 정보를 html로 전달하고 정보를 처리하여 진행 표시줄을 적절하게 변경하려고 합니다. 이는 정수값을 받는 "progress" 및 "max"에 대해 작동하지만 어떤 이유로 "error"(문자열)를 처리하는 코멘트 아웃 코드가 문제를 일으킵니다.나는 앵귤러에 처음이야.JS 씨, 혹시 헷갈리거나 불명확하게 들린다면 죄송합니다.자세히/명료하게 해야 하는지 물어보세요. app.directive('progressBar', function(){ var compileProgressBar = function(scope, ele..

source 2023.02.17

다이렉티브 테스트에서 $140 대 $140

다이렉티브 테스트에서 $140 대 $140 스코프상의 특정 어트리뷰트의 상태에 응답하는 디렉티브가 있고 테스트에서 그 어트리뷰트를 변경하여 올바르게 응답하는 것을 확인하려면 어떤 방법이 가장 좋은 방법입니까? 난 두 가지 패턴을 모두 봐왔어 scope.$apply(function() { scope.myAttribute = true; }); 그리고. scope.myAttribute = true; scope.$digest(); 어떤 차이가 있고, 어떤 것이 더 낫고, 왜 더 나은가?scope.$digest()현재 범위 내에서 감시자들을 해고할 것이고, 그 모든 아이들에게도 해고할 것이다. scope.$apply통과된 함수를 평가하고 실행합니다.$rootScope.$digest(). 첫 번째는 현재 범위와 그..

source 2023.02.17

Angular ui-router에서 중첩된 상태의 URL이 변경되었지만 템플릿이 로드되지 않습니다.

Angular ui-router에서 중첩된 상태의 URL이 변경되었지만 템플릿이 로드되지 않습니다. 네스트된 상태 및 뷰에 ui-router를 사용하고 있습니다.링크를 클릭하면 URL이 서브스테이트의 URL로 변경되지만 템플릿이 로드되지 않습니다. 예를 들어 URL이 서브스테이트로 변경되는 경우project/settings대응하는 템플릿,project.settings.html로딩되지 않습니다. 다음은 Plunkr의 SSCE 제공 아래도 제 코드입니다. app.module myApp.config(function ($stateProvider, $urlRouterProvider){ $stateProvider .state('project', { url: "/project", views:{ "content":{t..

source 2023.02.13

ngCordova를 사용한 애니메이션 방향 화살표 "주변" 스타일

ngCordova를 사용한 애니메이션 방향 화살표 "주변" 스타일 모바일 위치에 따라 지도의 핀을 정확히 가리키는 AroundMe Mobile App과 같은 나침반/화살표를 만들어 휴대폰을 옮길 때 화살표를 업데이트하고 싶습니다. 그 방법을 정확히 이해하려고 하는데, 그것을 설명하는 가이드나 튜토리얼을 찾을 수 없습니다. 온라인에서 찾은 것은 베어링 함수입니다. 그리고 그에 대한 지침을 만들었습니다. app.directive('arrow', function () { function bearing(lat1, lng1, lat2, lng2) { var dLon = (lng2 - lng1); var y = Math.sin(dLon) * Math.cos(lat2); var x = Math.cos(lat1) * ..

source 2023.02.13

ng-repeat 디렉티브의 "priority"는 무엇을 변경할 수 있습니까?

ng-repeat 디렉티브의 "priority"는 무엇을 변경할 수 있습니까? Angular Documentation 에는 다음과 같이 기재되어 있습니다. DOM 컴파일은 $compile() 메서드에 대한 호출에 의해 수행됩니다.이 메서드는 DOM을 통과하여 디렉티브와 일치합니다.일치하는 것이 발견되면 지정된 DOM 요소와 관련된 지시어 목록에 추가됩니다.특정 DOM 요소의 모든 디렉티브가 식별되면 우선순위에 따라 정렬되고 해당 컴파일() 함수가 실행됩니다. ng-repeat 디렉티브는 다이내믹 ID 및 커스텀 디렉티브와 같은 특정 사용 사례에서 커스텀 디렉티브보다 우선순위가 낮다고 생각합니다.angular는 지시사항의 우선순위를 수정하여 하나의 실행을 다른 것보다 먼저 선택할 수 있도록 허용합니까?예,..

source 2023.02.13

AngularJS를 사용할 때 페이지에 표시하기 위해 곱슬곱슬한 괄호를 피하는 방법은 무엇입니까?

AngularJS를 사용할 때 페이지에 표시하기 위해 곱슬곱슬한 괄호를 피하는 방법은 무엇입니까? 사용자에게 이중 물결 괄호를 보여주고 싶지만 Angular는 자동으로 바인드합니다.페이지 로드 시 바인딩에 사용되는 물음표를 표시하지 않는 경우와는 반대입니다. 사용자에게 다음 내용을 보여 줍니다. My name is {{person.name}}. 하지만 Angular가 대체됨{{person.name}}가치를 가지고 있습니다.이것이 효과가 있을 것으로 생각했지만 각도가 여전히 값으로 대체됩니다. {{person.name}} Pluker: http://plnkr.co/edit/XBJjr6uR1rMAg3Ng7DiJ{{person.name}} 매뉴얼 @ ngBindable Bindable편집: 따옴표 안의 괄호 ..

source 2023.02.09

BLOB URL 사용자 지정 이름

BLOB URL 사용자 지정 이름 입력 파라미터를 취득하여 백엔드로 송신하는 Angular 어플리케이션이 있습니다.처리결과는 pdf파일로 새로운 탭에서 열고 싶습니다. 이 작업을 수행하는 코드는 다음과 같습니다. myService.getDocument(document) .then(function(response) { if (response.error) { // Error handling goes here } else { var file = new BLob([response.data), {type: 'application/pdf'}); var fileURL = URL.createObjectURL(file); $window.open(fileURL, '_blank_'); } }); 모든 것이 정상적으로 동작하..

source 2023.02.09

ng-repeat에 대한 반응 등가

ng-repeat에 대한 반응 등가 React.js는 처음입니다.데이터 어레이를 바인드하려고 합니다.ng-repeat에 상당하는 것을 찾고 있습니다만, 문서에는 없습니다. 예: var data = ['red', 'green', 'blue'] angular를 사용하면 다음과 같은 작업을 html에서 수행할 수 있습니다. {{i}} 리액트의 가격인상이 궁금해요.리액트에서는 필요한 JavaScript를 작성하기만 하면 됩니다(또한 이 JavaScript를 재사용 가능한 컨트롤로 구축할 수도 있습니다).기본 패턴(및 Angular와 어떻게 다른지)을 익히면 매우 규범적이고 쉽게 실행할 수 있습니다.JS) 그래서...render목록을 반복해야 합니다.아래 예에서 저는map단, 필요에 따라 다른 반복기를 사용할 수..

source 2023.02.09
반응형