반응형

AngularJS 40

서비스 확장 방법

서비스 확장 방법 나는 이것에 대한 문서나 예시를 찾을 수 없고 꽤 새로운 것이다.제가 원하는 것은 기본 서비스를 확장하여 다른 서비스로부터 기본 서비스에 정의된 방식을 사용할 수 있도록 하는 것입니다.예를 들어 다음과 같은 기본적인 서비스가 있다고 합시다. angular.module('myServices', []). factory('BasicService', function($http){ var some_arg = 'abcd' var BasicService = { method_one: function(arg=some_arg){ /*code for method one*/}, method_two: function(arg=some_arg){ /*code for method two*/}, method_thre..

source 2023.03.08

angularjs 앱을 어떻게 파괴하죠?

angularjs 앱을 어떻게 파괴하죠? 메모리 누수를 일으키지 않고 각도 있는 애플리케이션을 동적으로 로드/언로드할 수 있어야 합니다.jQuery에서는 다음을 수행할 수 있습니다.$("#elementHoldingMyWidget").remove();적절한 파괴 코드가 실행되어 이벤트핸들러가 언바인드 되는 등 부팅 스트랩이 완료되면 앱이 해체될 수 있다는 내용을 앵귤러에서 찾을 수 없었습니다. 첫 번째 시도는 다음과 같이 rootScope를 파괴하는 것이었습니다. var rootScope = $("body").scope(); rootScope.$destroy(); 하지만 이 방법은 효과가 없는 것 같고, 작동하더라도 주입기와 서비스가 어떻게 청소될지 잘 모르겠습니다. 어떻게 하면 좋을까요?AngularJS..

source 2023.03.08

스코프가 파괴되었을 때 각도 $watch를 제거해야 합니까?

스코프가 파괴되었을 때 각도 $watch를 제거해야 합니까? 현재 파괴된 범위에서 브로드캐스트 구독을 삭제하지 않으면 메모리 누수가 크게 발생하는 프로젝트를 진행 중입니다.다음 코드로 이 문제가 해결되었습니다. var onFooEventBroadcast = $rootScope.$on('fooEvent', doSomething); scope.$on('$destroy', function() { //remove the broadcast subscription when scope is destroyed onFooEventBroadcast(); }); 이 연습은 시계에도 적용되어야 하는가?아래의 코드 예: var onFooChanged = scope.$watch('foo', doSomething); scope.$..

source 2023.03.08

마크업에서 각도 범위 변수 설정

마크업에서 각도 범위 변수 설정 간단한 질문:스코프 값을 html로 설정하여 컨트롤러로 읽으려면 어떻게 해야 합니까? var app = angular.module('app', []); app.controller('MyController', function($scope) { console.log($scope.myVar); }); {{myVar}} JSFiddle:http://jsfiddle.net/ncapito/YdQcX/ng-init루프 내에 변수를 할당하는 경우 이 동작하지 않습니다.사용하다{{myVariable=whatever;""}} 후행""모든 텍스트에 대해 평가되는 각도 식을 중지합니다. 그럼 그냥 전화하시면 됩니다.{{myVariable}}변수 값을 출력합니다. 여러 개의 중첩된 어레이를 반복..

source 2023.03.08

각도에서의 토스터 사용JS 방식

각도에서의 토스터 사용JS 방식 지금은 그냥 전화하고 있어요.toastr.success('my message')필요한 경우 컨트롤러 내에서 수행합니다.이 일은 잘 되지만, 나에게는 좀 지저분하게 느껴진다. toastr.js 라이브러리를 사용하는 'best practice' 또는 권장되는 'angularjs' 방법이 있습니까?네, 아주 간단하게요 app.factory('notificationFactory', function () { return { success: function (text) { toastr.success(text,"Success"); }, error: function (text) { toastr.error(text, "Error"); } }; }); 컨트롤러 공장 출하시 문제 해결.공장 ..

source 2023.03.08

AngularJS: 컨트롤러에서 특정 양식 입력 필드를 비활성화할 수 있습니까?

AngularJS: 컨트롤러에서 특정 양식 입력 필드를 비활성화할 수 있습니까? 주소용 텍스트 입력 필드가 있는데, 주소를 입력하고 입력 필드 옆에 있는 검색 버튼을 클릭할 때마다 주소를 지오코딩하고 입력 텍스트를 지오코더의 결과로 바꿉니다.스코프 변수 'addressOk'도 설정했습니다. 다음 조건에 따라 이 특정 양식 입력 필드를 비활성화할 수 있습니다.$scope.addressOk또는 필요할 때 이 주소 지오코딩 입력에 대한 지시문을 작성해야 합니까?솔루션을 찾았습니다. 이름 속성을그리고.컨트롤러에서 다음 작업을 수행할 수 있습니다.$scope.formName.inputName.$setValidity(errorKey, isValid). 그러면 다음과 같은 오류가 표시될 수 있습니다.ng-show="..

source 2023.02.26

Angular에서 'true'를 변환하고 'element'를 변환하는 경우

Angular에서 'true'를 변환하고 'element'를 변환하는 경우 언제 사용하면 좋을까요?transclude: 'true'그리고 언제transclude: 'element'에 대해 아무것도 찾을 수 없습니다.transclude: 'element'각진 문서에서는 꽤 혼란스럽죠 누군가 이것을 알기 쉽게 설명해 주었으면 합니다.각 옵션의 이점은 무엇입니까?그들의 진짜 차이점은 무엇입니까? 제가 발견한 것은 다음과 같습니다. transclude: true 컴파일 함수 내에서는 트랜슬루드 링크 함수를 사용하여 DOM을 조작하거나 임의의 HTML 태그 상의 ngTransclude 디렉티브를 사용하여 트랜슬루드된 DOM을 템플릿에 삽입할 수 있습니다. 그리고. transclude: ‘element’ 이는 요소..

source 2023.02.26

Angular가 있는 배열 작성 방법JS의 ng-model

Angular가 있는 배열 작성 방법JS의 ng-model 전화기를 가지고 있는 어레이를 만들려고 하는데, 이 코드가 있어요. 하지만 $scope에 접속할 수 없습니다.전화먼저 해야 할 일이 있다.정의해야 합니다.$scope.telephone컨트롤러에서 어레이로 사용할 수 있습니다. $scope.telephone = []; 새로운 입력을 추가할 때 ng-model이 인식되지 않는 문제를 해결하려면 이 문제를 해결하려면$compile각도 서비스 $compile의 Angular.js API 참조: HTML 문자열 또는 DOM을 템플릿으로 컴파일하여 템플릿 함수를 생성합니다.이 함수를 사용하여 스코프와 템플릿을 링크할 수 있습니다. // I'm using Angular syntax. Using jQuery w..

source 2023.02.26

angularjs 이외의 웹사이트에서 어떻게 Extractor를 사용하는가?

angularjs 이외의 웹사이트에서 어떻게 Extractor를 사용하는가? Angular용으로 만들어진 Protractor 프레임워크를 찾았습니다.JS 웹 어플리케이션 AngularJS를 사용하지 않는 웹사이트에서 어떻게 Protractor를 사용할 수 있습니까? 첫 번째 테스트를 작성했는데 프로젝터가 다음 메시지를 트리거합니다. Error: Angular could not be found on the page https://www.stratexapp.com/ : retries looking for angular exceeded 또 다른 접근법은browser.ignoreSynchronization = true browser.get(...)보다 앞에 표시됩니다.각도 로딩이 대기하지 않으므로 일반 요소(...

source 2023.02.26
반응형