반응형

AngularJS 27

Angular JS - 서비스, 공장, 필터 등에 의존성 주입

Angular JS - 서비스, 공장, 필터 등에 의존성 주입 따라서 각진 앱에서 사용하고 싶은 플러그인과 라이브러리가 몇 개 있고, (현재) 종속성 주입을 완전히 무시하는 방식으로 앱의 99%에서 의도된 기능/메서드를 참조하고 있습니다. (예를 들어) javascript 라이브러리 "Monent"가 있습니다.JS"는 날짜를 포맷하고 검증하는 것을 다루며, 컨트롤러, 서비스 및 필터에서 앱 전체에 걸쳐 사용합니다.지금까지 배운 방법(Angular 사용)JS)는 기능(및 그 메서드)을 참조하는 서비스를 만들고 해당 서비스를 컨트롤러에 주입하는 것으로, 매우 효과적입니다. 문제는 서비스, 필터, 컨트롤러 등 모든 종류의 컴포넌트에서 이 라이브러리를 참조해야 한다는 것입니다.필터, 서비스 및 컨트롤러가 아닌 ..

programing 2023.04.02

각도의 ng클릭에 확인란 값 전달

각도의 ng클릭에 확인란 값 전달 각도 지시 ng-클릭으로 관련 입력 값을 전달할 수 있는 방법이 있습니까? 즉, 다음과 같이 대체해야 합니다. 추신. 대체값으로 회피하는 것은 원치 않습니다.각함수에 인수로 입력값을 전달할 수 있는지 궁금할 뿐입니다.다음 작업을 수행할 수 있습니다. html 컴포넌트를 각도 범위에 바인드하려면 ng 모델을 사용합니다. 바꾸다ng-click로.ng-change 체크박스를 켜고 끌 때 값을 바인드해야 하는 경우 사용ng-true-value="someValue"그리고.ng-false-value="someValue" 실행 순서ng-click그리고.ng-model명확한 우선순위를 정의하지 않기 때문에 애매합니다.대신 ng-change 또는 ng-change를 사용해야 합니다.$w..

programing 2023.04.02

사용자가 입력을 완료한 경우에만 angularjs ngChange 핸들러를 호출하려면 어떻게 해야 합니까?

사용자가 입력을 완료한 경우에만 angularjs ngChange 핸들러를 호출하려면 어떻게 해야 합니까? 나는 가지고 있다.input이 필드에서는, 의 배리언트를 적용합니다.ngChange. 그input필드는 Ajax 호출과 일종의 바인딩입니다. 사용자가 입력을 변경하면 서버 측에서 데이터를 처리하지만 너무 자주 호출하고 싶지 않습니다. 사용자가 실제 문자열을 입력하려고 할 때, 사용자가 입력하려는 단어를 완료한 후에만 통화가 이루어지도록 합니다.그렇다고 블러와 같은 이벤트는 사용하고 싶지 않습니다.이 기능을 구현하기 위해서는 어떤 방법이 더 좋을까요?setTimeout?사용하다ng-model-options각도 > 1.3 없이.ng-model-options-- 마크업: 백업 컨트롤러/범위 내 var i..

programing 2023.04.02

Angular.copy() 또는 _.clone() 중 어느 쪽을 사용해야 합니까?

Angular.copy() 또는 _.clone() 중 어느 쪽을 사용해야 합니까? 저는 Angular와 Underscore를 모두 종속시킨 프로젝트를 진행하고 있습니다. 오브젝트 복사본을 만들어야 할 때 그때의 기분에 따라angular.copy()또는_.clone() 이러한 방법 중 하나가 다른 방법보다 더 빠르고, 신뢰할 수 있고, 견고하다는 생각이 듭니다. 양쪽 라이브러리가 이미 포함되어 있다고 가정할 때, 이러한 기능 중 하나를 사용하면 다른 기능보다 더 좋거나 더 나쁘다는 기존의 문제가 있습니까?문의하신 내용에 대해 angular.copy와 _.clone이 다릅니다.어떤 것이 더 좋은가 하는 것이 아니라, @Kevin B가 댓글로 말한 것처럼 무엇이 필요한가에 대한 것입니다. 각진반면 extend..

programing 2023.04.02

UI 라우터를 사용하여 개체를 상태로 전환하려면 어떻게 해야 합니까?

UI 라우터를 사용하여 개체를 상태로 전환하려면 어떻게 해야 합니까? ui-router를 사용하여 상태로 이행하여 임의의 오브젝트를 패스할 수 있도록 하고 싶습니다. 평소에는 그런 거 알아요.$stateParams사용하고 있습니다만, 이 값은 URL 에 삽입되어 있기 때문에, 유저가 이 데이터를 북마크 할 수 없게 하고 싶다고 생각하고 있습니다. 저는 이런 걸 해보고 싶어요. $state.transitionTo('newState', {myObj: {foo: 'bar'}}); function myCtrl($stateParams) { console.log($stateParams.myObj); // -> {foo: 'bar'} }; 값을 URL로 인코딩하지 않고 이 작업을 수행할 수 있는 방법이 있습니까?버전..

programing 2023.04.02

ng-change가 에러를 송신하고 있다[$syslog:ctreq]

ng-change가 에러를 송신하고 있다[$syslog:ctreq] angularjs 1.2.14를 사용하고 있는데, 코드는 ng-change 없이 정상적으로 동작하고 있습니다.체크박스에 ng-change 코드를 추가하자마자.에러가 발생합니다. Error: [$compile:ctreq] http://errors.angularjs.org/1.2.14/$compile/ctreq?p0=ngModel&p1=ngChange at Error (native)..... 누가 좀 도와줄래요?잘 부탁드립니다.사용하다ng-change또한 요소에서 다음을 지정해야 합니다.ng-model내가 놓쳤었지.시간 내주셔서 감사합니다.http://plnkr.co/edit/oF8o6kU7zBDaJg4ts6TU?p=preview 「작업 샘..

programing 2023.03.28

angular: 여러 종속 필드 검증

angular: 여러 종속 필드 검증 예를 들어 다음과 같은 매우 단순한 데이터 구조를 가지고 있다고 합시다. $scope.accounts = [{ percent: 30, name: "Checking"}, { percent: 70, name: "Savings"}]; 그리고 폼의 일부로서 다음과 같은 구조를 가지고 있습니다. 각 어카운트의 합계가 100이 되는 것을 확인하고 싶습니다만, 커스텀 디렉티브의 대부분의 예에서는, 개개의 값의 검증만을 취급하고 있습니다.한 번에 여러 개의 종속 필드를 검증하는 지시문을 작성하는 관용적인 방법은 무엇입니까?jquery에는 상당한 양의 솔루션이 있지만, Angular에 대한 좋은 소스를 찾을 수 없었습니다. 편집: 다음과 같은 커스텀 디렉티브(「share」는 원래의 ..

programing 2023.03.28

Jasmine 테스트에서 Angular가 표시되지 않음JS 모듈

Jasmine 테스트에서 Angular가 표시되지 않음JS 모듈 저는 Jasmine 스펙 파일로 Angular 서비스를 테스트하려고 합니다.이를 위해서는 모듈을 로드해야 합니다.Angular 모듈을 간단하게 로드하기 위해 설계된 간단한 사양은 다음과 같습니다. describe('Submission services', function () { it('Finds angular', function () { module('submissionServices'); }); }); Jasmine을 실행하면 다음과 같은 오류가 발생합니다. Running Jasmine specs... FAIL: 1 test, 1 failure, 0.004 secs. Submission services Finds angular. (/Use..

programing 2023.03.28

각진 문자열 분할 방법JS

각진 문자열 분할 방법JS 저는 단순히 angularJs로 스트링을 분할할 수 있는지 알고 싶었습니다.나는 내 것이 있다. $scope.test = "test1,test2"; 내 컨트롤러와 내 관점에서는 그런 걸 하고 싶었어 {{test[0] | split(',')}} {{test[1] | split(',')}} 입력과 ng-change가 ng-list로 문자열을 분할하는 함수를 컨트롤러에서 호출하는 것을 많이 봐왔지만 내 경우에는 아무 것도 작동하지 않습니다. 모두에게.이 기능을 필터로 정리하면 모든 컨트롤러에 mySplit 기능을 추가할 필요가 없습니다.예를들면 angular.module('myModule', []) .filter('split', function() { return function(i..

programing 2023.03.28

각지고 $쿠키 - $쿠키.get은 함수가 아닙니다.

각지고 $쿠키 - $쿠키.get은 함수가 아닙니다. Angular 내에서 쿠키를 사용하려고 합니다.다음과 같이 하겠습니다. var capApp = angular.module('capApp', ['ngRoute','ui.bootstrap','ngCookies']); capApp.controller('cookieCtrl', ['$scope','$cookies', function($scope, $cookies) { var favoriteCookie = $cookies.get('user_id'); alert(favoriteCookie); }]); 콘솔에 다음 오류가 나타납니다. TypeError: $cookies.get is not a function 내가 어디가 잘못됐는지 알아? 갱신하다 어떤 버전의 Angu..

programing 2023.03.23
반응형