반응형

angularjs 54

AngularJS로 1초마다 카운트다운하는 메시지를 표시하려면 어떻게 해야 합니까?

AngularJS로 1초마다 카운트다운하는 메시지를 표시하려면 어떻게 해야 합니까? 서버와의 연결을 확인하기 위해 사용하는 코드가 있습니다.내 코드는 60초마다 실행됩니다.코드가 실행되면 메시지가 생성되고 페이지에 표시됩니다.지금까지 제가 한 것은 다음과 같습니다. 확인하는 코드: $interval(function () { us.isConnected().then(closeConnect, openConnect); }, 60 * 1000); 검사를 수행하는 코드는 isConnected = (): ng.IPromise => { var self = this; var deferred = this.$q.defer(); this.$http({ method: 'GET', url: self.ac.baseUrl + '/a..

programing 2023.09.28

각도 JS에서 ng-change에 다중 함수를 호출하는 방법은?

각도 JS에서 ng-change에 다중 함수를 호출하는 방법은? ng-change = "ControllerName.functionName()" 여기에 하나의 기능을 더 추가하고자 합니다.내가 어떻게 그럴 수 있을까? 미리 감사드립니다.이렇게 하면 효과가 있을 것입니다. ng-change = "ControllerName.functionName(); ControllerName.anotherFunction();" 컨트롤러의 기능을 다른 기능 안에 그룹화하는 것이 어떨까요? function onChangeGroup(){ doStuff(); doMoreStuff(); } 안부 전해요이것은 정상적으로 작동하지만 두 기능 모두에 하나의 컨트롤러가 있습니다. ng-change = "function1();function..

programing 2023.09.28

카르마 / 자스민으로 모달 인스턴스 컨트롤러를 테스트하는 장치

카르마 / 자스민으로 모달 인스턴스 컨트롤러를 테스트하는 장치 EDIT : 이 게시물 끝에 있는 Quick & Dirty 솔루션 Angular의 modal window를 사용하고 있습니다.UI-Bootstrap은 파일을 분할한 것을 제외하고는 웹사이트에 설명된 것과 동일한 방식으로 이루어집니다.그러므로 나는 다음과 같습니다. 컨트롤러.js 호출: $scope.delete = function () { if ($scope.selected.length > 0) { // [...] // preparing data // [...] var modalInstance = $modal.open({ templateUrl: 'views/modalView.html', controller: 'modalCtrl', resolve..

programing 2023.09.23

Angularjs $http가 응답에서 "Set-Cookie"를 이해하지 못하는 것 같습니다.

Angularjs $http가 응답에서 "Set-Cookie"를 이해하지 못하는 것 같습니다. 인증을 위해 여권 모듈이 있는 nodejs express REST api를 가지고 있습니다.GET(Login Method)는 헤더에 쿠키를 반환합니다.Chrome에서 호출하면 잘 작동하고, 브라우저에 쿠키가 설정되어 있습니다. 하지만 Angularjs에서 $http로 호출하면 쿠키가 설정되어 있지 않습니다. Set-Cookie:connect.sid=s%3Ad7cZf3DSnz-IbLA_eNjQr-YR.R%2FytSJyd9cEhX%2BTBkmAQ6WFcEHAuPJjdXk3oq3YyFfI; Path=/; HttpOnly 위에서 볼 수 있듯이 세트-쿠키는 http 서비스 응답의 헤더에 존재합니다. HttpOnly가 이..

programing 2023.09.18

Angular ui-router로 기본 상태를 설정하는 방법

Angular ui-router로 기본 상태를 설정하는 방법 저는 테이블의 데이터를 변경하기 위해 상태를 사용하고 있습니다.URL이 형식입니다./zone/:zoneCode. 하지만, 그 때는/zone액세스됨 기본값을 특정으로 설정합니다.zoneCode. 이게 내 암호입니다. .state('zone', { url:'/zone', controller:'ZoneController', templateUrl:'views/zone.html' }) .state('zone.code', { url:'/:zoneCode', templateUrl:function(stateParams) { return 'views/zone-codes/'+stateParams.zoneCode+'.html'; } } 각 하위 보기에 대해 로드된..

programing 2023.09.18

ng-if와 ng-show/ng-hide의 차이점은 무엇입니까?

ng-if와 ng-show/ng-hide의 차이점은 무엇입니까? 나는 그들 사이의 차이점을 이해하려고 노력하고 있습니다.ng-if그리고.ng-show/ng-hide하지만 내 눈에는 똑같아 보입니다. 둘 중 하나를 사용하는 것을 선택하는 것을 염두에 두어야 하는 차이점이 있습니까?ngIf 그ngIf디렉티브는 식을 기반으로 DOM 트리의 일부를 제거하거나 다시 만듭니다.다음에 할당된 식을 사용할 경우ngIf잘못된 값으로 평가되면 요소가 DOM에서 제거되고, 그렇지 않으면 요소의 복제본이 DOM에 다시 삽입됩니다. 다음을 사용하여 요소를 제거할 때ngIf요소가 복원될 때 해당 범위가 삭제되고 새 범위가 생성됩니다. 내범위된작 내에 입니다.ngIf프로토타입 상속을 사용하여 상위 범위에서 상속합니다. 한다면ngM..

programing 2023.05.01

로드 시 Angularjs 체크박스가 기본적으로 켜져 있으며 이 체크박스를 켜면 목록 선택을 비활성화합니다.

로드 시 Angularjs 체크박스가 기본적으로 켜져 있으며 이 체크박스를 켜면 목록 선택을 비활성화합니다. 스택 오버플로우 위의 noob.저는 전송 작업 기능이 있는 웹 페이지를 만들고 있습니다.사용자는 이 체크박스를 켜고 작업을 사무실로 보내거나 사용 가능한 모든 기술자를 목록에서 선택할 수 있습니다.질문은 페이지가 로드될 때 기본적으로 선택되어 선택 목록이 비활성화되도록 확인란을 설정하는 방법입니다.현재 가지고 있는 코드는 다음과 같습니다. Send to Office: Tech1 Tech2 여기 jsfiddle이 있습니다.http://jsfiddle.net/hugmungus/LvHJw/5/ 현재 체크박스가 켜져 있는 상태로 페이지가 로드되지만 목록이 비활성화되지는 않습니다.이 체크박스를 끄고 다시 ..

programing 2023.04.06

중첩된 지시어로 ng-model 전달

중첩된 지시어로 ng-model 전달 ng-model을 outer-directive에서 outer-directive(outer-directive 템플릿에 포함)로 전달합니다. 올바른 방법은 무엇입니까? HTML 코드: 및 지시 코드: angular.module('app', []).directive('outerDirective', function(){ return { template: '', link: function() { ... } } }); 변수를 사용하여 양방향 바인딩을 설정할 수 있습니다(매뉴얼 "Directive Definition Object" 섹션 참조).ngModelAtribute는 다른 디렉티브와 마찬가지로 다음과 같습니다. myApp.directive('myDirective', func..

programing 2023.04.01

일식 IDE를 사용한 angularj 설정

일식 IDE를 사용한 angularj 설정 개발 목적으로 AngularJs와 Java Spring을 사용하고 싶습니다.Eclipse를 IDE로 사용하고 있습니다.이 프레임워크가 심리스하게 동작하도록 Eclipse를 설정하고 싶습니다. 내가 너무 많은 걸 요구하는 건 알지만, 날 믿어줘 난 내 부분에 대해 많은 연구를 해왔고 너희들이 내 마지막 수단이야.어떤 도움이라도 주시면 감사하겠습니다.먼저 JSDT가 설치되어 있는지 확인해야 합니다. 다음은 작업 전용 도구를 설치하는 것이므로 Angular를 확인하십시오.JS Eclipse 도구.앵귤러JS Eclipse Templates도 도움이 될 수 있으며, 여기에는 시작하기 위해 작성된 시각적 안내서가 나와 있습니다. '각'도 참조해 주세요.JS Eclipse ..

programing 2023.04.01

ng-app과 data-ng-app의 차이점은 무엇입니까?

ng-app과 data-ng-app의 차이점은 무엇입니까? 현재 이 시작 튜토리얼 비디오를 보고 있습니다.angular.js 어느 순간(12'40인치 이후) 스피커는 다음과 같이 말합니다.ng-app그리고.data-ng-app=""내부적으로는 거의 동등하다태그, 태그도ng-model="my_data_binding그리고.data-ng-model="my_data_binding"그러나 화자는 html은 사용되는 속성에 따라 다른 검증자를 통해 검증된다고 말합니다. 두 가지 방법의 차이점을 설명해 주시겠습니까?ng-에 접두사를 붙이다.data-ng-프리픽스?좋은 질문입니다.차이는 간단합니다.특정 HTML5 검증자가 다음과 같은 속성에 오류를 발생시키는 것 외에는 두 가지 사이에 전혀 차이가 없습니다.ng-app..

programing 2023.04.01
반응형