반응형

angularJS 28

AngularJS 수동으로 컨트롤러 및 템플릿 렌더링

AngularJS 수동으로 컨트롤러 및 템플릿 렌더링 사용자가 특정 페이지에 표시되는 "위젯"을 구성할 수 있도록 하는 플러그인 시스템을 angularjs에 구현하려고 합니다.각 위젯은 컨트롤러와 템플릿(url)에 의해 정의됩니다.컨트롤러를 인스턴스화하고 템플릿을 사용하여 호출하여 생성된 콘텐츠를 포함하는 디렉티브를 작성할 수 있습니까? 목표는 다음과 같습니다. 여기에는 두 가지 방법이 있습니다. 하나는 이미 사용 가능한 도우미 지시사항을 사용합니다(예:ngInclude그리고.ngController두 번째는 수동입니다.수동 버전이 더 빠를 수 있지만 잘 모르겠습니다. 간단한 방법: 간단한 방법은 새로운 요소를 간단하게 작성하는 것입니다.ngController그리고.ngInclude속성을 지정하고 지시어 ..

programing 2023.03.17

Angular 유닛 테스트에 서비스를 주입할 때 알 수 없는 공급자가 발생하는 오류

Angular 유닛 테스트에 서비스를 주입할 때 알 수 없는 공급자가 발생하는 오류 저는 Angular를 처음 접하는 사람이고 Stack Overflow에 대한 유사한 질문을 모두 검토했지만 도움이 되는 질문은 없었습니다.모든 것이 올바르게 설정되어 있다고 생각합니다만, 유닛 테스트에 서비스를 삽입하려고 하면, 아직 「Unknown Provider」에러가 표시됩니다.아래에 코드를 정리했습니다.누군가 명백한 오류를 발견할 수 있기를 바랍니다. 모듈을 별도의 .js 파일로 다음과 같이 정의합니다. angular.module('dashboard.services', []); angular.module('dashboard.controllers', []); 여기서 Eventing Service라고 하는 서비스를 정..

programing 2023.03.17

Angular에서 응용 프로그램 전체 HTTP 헤더 설정JS

Angular에서 응용 프로그램 전체 HTTP 헤더 설정JS 를 설정하는 방법이 있습니까?$httpProvider외부 헤더angular.module('myApp', []).config()? 사용자 로그인 후 서버에서 Auth-Token을 가져오는데 다음 모든 요청에 HTTP 헤더로 추가해야 합니다.각도 1.0.x 에 디폴트헤더를 사용할 수 있습니다. $http.defaults.headers.common['Authentication'] = 'authentication'; 또는 각도 1.1.x+의 경우 가로채기를 요청합니다. myapp.factory('httpRequestInterceptor', function () { return { request: function (config) { // use this..

programing 2023.03.12

HTTP 전용 쿠키 내에 JWT 토큰을 저장하는 방법

HTTP 전용 쿠키 내에 JWT 토큰을 저장하는 방법 자격되는 JWT를 하여 JWT에 대해 ./api루트를 설정합니다. 한편 AngularJS는 이 토큰을 가져와서 세션스토리지에 저장하고 매번 auth interceptor를 사용하여 토큰을 서버로 되돌립니다. 나는 이 관행이 얼마나 위험한지 더 최근에 알게 되었다. 이 시나리오에서는 토큰의 앞뒤 전송 방법을 이해하고 있습니다.단, JWT를 클라이언트측 Javascript가 읽을 수 없는 안전한 HTTP 전용 쿠키에 저장하고 싶을 때의 방법을 대략적으로 설명해 주실 수 있을까요? 예: credential이 성공한 경우 cookie가 서버에 생성됩니다. 쿠키와 동시에 JWT를 만듭니다. JWT를 토큰이라는 쿠키 속성에 저장합니다. 어떻게 작동하는지에 대한 ..

programing 2023.03.07

(각의 라우터)해결 프로세스 중 애니메이션 로드 표시

(각의 라우터)해결 프로세스 중 애니메이션 로드 표시 다음 두 가지 질문입니다. 컨트롤러를 로드하기 전에 특정 서버 데이터를 가져오기 위해 $stateProvider.state() 내의 resolve 속성을 사용하고 있습니다.이 과정에서 표시할 애니메이션을 로드하려면 어떻게 해야 합니까? 해결 속성을 사용하는 하위 상태가 있습니다.문제는 UI 라우터가 컨트롤러를 로드하기 전에 모든 해결을 완료하려고 한다는 것입니다.자녀들이 모두 해결되기를 기다리지 않고 부모 컨트롤러가 해결되면 로딩되도록 할 수 있는 방법이 있습니까?이에 대한 해답도 첫 번째 문제를 해결할 수 있을 것입니다. 편집: 테스트 완료 후 정상적으로 동작하는 훨씬 쉬운 솔루션을 다음에 제시합니다. 메인 컨트롤러에는 $scope.$on('$sta..

programing 2023.03.07

권장 스케일러블 각도JS 프로젝트 구조?

권장 스케일러블 각도JS 프로젝트 구조? 앵글을 여러 번 봤어요JS 프로젝트 템플릿: 공식 웹사이트 시드 프로젝트, Yooman's generated, Angular Fun. 다른 (비)의견 템플릿이나 스케일러블 Angular에 대해 제안하고 싶은 관련 패턴이 있습니까?JS 프로젝트? 확장성이라는 것은 컨트롤러, 지시, 필터 등을 자신의 파일로 분할할 수 있는 것. 브라우저가 모든 파일을 로드하지 않고 필요에 따라 이러한 파일을 로드할 수 있습니다. 공통의 크로스 프로젝트 컴포넌트(예를 들어 공통의 디렉티브, 필터, 서비스)를 가질 수 있습니다. Pawel Kozlowski와 제가 함께 만들고 있는 데모 어플리케이션을 보실 수 있습니다.https://github.com/angular-app/angular..

programing 2023.03.07

GET 요청을 통해 Angular를 사용하여 어레이 전송JS의 $http 서비스

GET 요청을 통해 Angular를 사용하여 어레이 전송JS의 $http 서비스 GET 요청을 전송하려면$http서비스.파라미터 중 하나는 ID 배열입니다.URL은 mysite.com/items?id []=1&id[]=2&id[]=3&id[]=4와 같습니다. 나는 이 방법을 시도했다. $http( method: 'GET', url: '/items', params: { id: ids // ids is [1, 2, 3, 4] } ) 하지만 내가 알고 있는 URL은 mysite.com/items?id=%5B%221%22%2C%222%22%2C%223%22%2C%224%22%5D이다. Angular가 내 값을 JSON 문자열로 변환하고 있기 때문입니다.제가 원하는 행동을 할 수 있는 방법이 있을까요? [갱신] ..

programing 2023.03.07

AngularJS: 송신과 서버 응답 사이의 모든 폼 제어 비활성화

AngularJS: 송신과 서버 응답 사이의 모든 폼 제어 비활성화 유저가 「Save(저장)」버튼이나 「Submit(송신)」버튼을 클릭해, 유저를 조작할 수 없게 해, 데이터 전송이 회선상에서 행해지는 동안, 폼 컨트롤을 무효로 하는(또는 적어도 유저와의 대화에 사용할 수 없게 하는) 최선의(및 올바른) 어프로치에 대해 고민하고 있습니다.JQuery를 사용하지 않고 모든 요소를 배열로 쿼리합니다(클래스 또는 속성 마커별).지금까지 제가 생각한 아이디어는 다음과 같습니다. 모든 요소에 표시cm-form-control커스텀 디렉티브는, 「데이터 송신」과 「데이터 송신」의 2개의 통지를 서브 스크라이브 합니다.커스텀 코드는 두 번째 알림을 푸시하거나 약속을 해결하는 역할을 합니다. 사용하다promiseTrac..

programing 2023.03.07

Angular UI 라우터가 비동기/대기 기능을 사용할 때 해결 기능을 처리하지 않습니까?

Angular UI 라우터가 비동기/대기 기능을 사용할 때 해결 기능을 처리하지 않습니까? 이 기사에 따라 상태 및 컴포넌트와 관련된 특정 템플릿을 렌더링하려고 합니다. dev-server에서 실행되고 있는 프로젝트에서는 모든 것이 정상적으로 동작하며 실행 시$state.go("home")컴포넌트 템플릿은 예상대로 로드되지만 테스트 환경에서 이 작업을 수행하면 작동하지 않습니다. 이전에 테스트에서 UI 라우터와 함께 "컴포넌트" 대신 "템플릿"을 사용하여 "이전 방식"을 사용할 경우,$rootScope.$digest()템플릿 추가에 충분했습니다.하지만 이 새로운 방식으로는 더 이상 이 방법이 통하지 않습니다. 내가 뭘 잘못하고 있지? 편집: 문제를 자세히 이해하려고 노력했는데, 문제가 실행된 HTTP 요..

programing 2023.03.02

각도에서의 $timeout not defined 오류JS 앱

각도에서의 $timeout not defined 오류JS 앱 다음 코드가 있습니다. app.factory('Position', ['$timeout', function() { var position = { latitude: 44, longitude: 26 }; console.log("Timeout started"); $timeout(function() { position.latitude += 15; position.longitude += 15; }, 2000); return position; }]); 그리고 나는 이해해요$timeout not definedJavascript 콘솔에 있습니다.서비스의 종속성을 올바르게 주입하지 않았습니까?주입하지 않았습니다.$timeout. 다음과 같습니다. app.fact..

programing 2023.03.02
반응형