반응형

angularjs 47

Chai: '해야' 구문을 사용하여 정의되지 않았는지 테스트하는 방법

Chai: '해야' 구문을 사용하여 정의되지 않았는지 테스트하는 방법 이 튜토리얼을 기반으로 chai를 사용한 angularjs 앱 테스트에서 "should" 스타일을 사용하여 정의되지 않은 값에 대한 테스트를 추가하고 싶습니다.실패: it ('cannot play outside the board', function() { scope.play(10).should.be.undefined; }); "TypeError: Unread property 'should' of undefined"라는 오류가 표시되지만 테스트는 "expect" 스타일로 통과합니다. it ('cannot play outside the board', function() { chai.expect(scope.play(10)).to.be.und..

source 2023.03.05

현재 상태를 새로고침하려면 어떻게 해야 합니까?

현재 상태를 새로고침하려면 어떻게 해야 합니까? Angular UI 라우터를 사용하고 있으며 현재 상태를 다시 로드하고 모든 데이터를 새로 고치거나 현재 상태와 상위 상태의 컨트롤러를 다시 실행합니다. 상태 레벨은 directory.organizations.details의 3가지입니다. directory.organizations에는 조직의 목록이 있는 테이블이 포함되어 있습니다.테이블의 항목을 클릭하면 directory.organizations.details가 로드되고 $StateParams는 해당 항목의 ID를 전달합니다.따라서 Details 상태에서 이 항목에 대한 세부 정보를 로드하고 편집한 다음 데이터를 저장합니다.아직까지는 괜찮아. 이제 이 상태를 새로고침하고 모든 데이터를 새로 고쳐야 합니다...

source 2023.03.05

AngularJS에서 XML 서비스를 처리하는 방법

AngularJS에서 XML 서비스를 처리하는 방법 우리 회사는 수천 개의 기존 xml 웹 서비스를 보유하고 있으며, 새로운 프로젝트에 AngularJs를 채택하기 시작했습니다. http://angularjs.org/의 튜토리얼에서는 json 서비스만을 사용하고 있습니다.컨트롤러에서 서비스 콜을 발신하여 결과 JSON을 해석하고 결과 객체를 뷰에 직접 전달하는 것처럼 보입니다. XML에서는 어떻게 해야 합니까?다음 4가지 옵션이 표시됩니다. 해석하여 DOM 개체를 UI(보기)에 직접 전달합니다. 서버측의 XML 서비스에 JSON 래퍼를 붙입니다. 클라이언트 측에 있는 라이브러리를 사용하여 DOM 개체를 JSON으로 변환하고 Post/Put 요청을 할 때 다시 변환합니다. 클라이언트 측에서 수동으로 DOM..

source 2023.03.05

Angular JS : 공장 출하시 $http 서비스

Angular JS : 공장 출하시 $http 서비스 Angular의 공장 및 서비스 개념을 이해하려고 합니다.컨트롤러 아래에 다음과 같은 코드가 있습니다. init(); function init(){ $http.post('/services', { type : 'getSource', ID : 'TP001' }). success(function(data, status) { updateData(data); }). error(function(data, status) { }); console.log(contentVariable); }; function updateData(data){ console.log(data); }; 이 코드는 올바르게 동작합니다.그러나 $http 서비스를 공장에 이전하면 데이터를 컨트롤러..

source 2023.02.28

AngularJs ng-repeat에서 중복 요소 제거

AngularJs ng-repeat에서 중복 요소 제거 나는 사전 한 권을 가지고 있는데 그 사전은 에 저장되어 있다.field_detail {{field.displayName}} 이제 중복을 포함하지 않습니다.displayName의field_detail, 뭐?filter쓸까요?고유한 값을 가져오는 필터를 만듭니다(아마도 키로).다음과 같은 작업을 수행해야 합니다(테스트를 전혀 하지 않았기 때문에 이 일은 당신에게 맡기겠습니다.이것은 단지 아이디어를 주기 위해서입니다). app.filter('unique', function() { return function(collection, keyname) { var output = [], keys = []; angular.forEach(collection, fun..

source 2023.02.23

두 필드를 비교하는 사용자 정의 양식 유효성 검사 지시문

두 필드를 비교하는 사용자 정의 양식 유효성 검사 지시문 난 각진 신입이고 각진 형태 검증 지침이 어떻게 작용하는지에 대해 고민하고 있어. 개별 필드에 지시문을 쉽게 추가할 수 있다는 것은 알지만, 두 양식 필드(둘 다 모델의 요소)를 비교하는 검증을 추가하려고 합니다. 다음은 폼 골격입니다. Min cannot exceed max 즉, 지시문을 작성하여 표시/숨기기 위해 사용합니다.small.error한다면min그리고.max둘 다 가치가 있지만min > max1개의 디렉티브 내의 양쪽 필드에 액세스하려면 어떻게 해야 합니까?지시가 이 작업에 적합한 도구입니까?지시는 필요 없습니다.max의 "min" 값을 min-value에 할당합니다.예를 들어 다음과 같습니다. 커스터마이즈도 필요 없습니다. 기타: 할..

source 2023.02.23

Angular의 요소JS 지시어

Angular의 요소JS 지시어 클래스가 요소에 추가되면 해당 요소에 다른 클래스를 추가합니다.클래스가 삭제되면 요소를 삭제합니다.기본적으로 일부 부트스트랩 클래스를 각도 형식의 검증 클래스에 매핑하고 있지만 클래스가 요소에서 추가/삭제될 때 코드를 실행하는 방법을 알 수 없습니다(클래스 변경이 무한 루프되지 않도록 주의). 제 지령에 대해 지금까지 말씀드린 내용은 다음과 같습니다. .directive('mirrorValidationStates', ['$log', function($log) { function link(scope,element,attrs) { scope.$watch(element.hasClass('someClass'), function(val) { var classMap = { 'popu..

source 2023.02.23

Lodash Debounce는 비난하지 않는다.

Lodash Debounce는 비난하지 않는다. Lodash를 사용하여 함수를 디버깅하려고 하는데 함수를 호출해도 전혀 디버깅이 되지 않는 것 같습니다.제 문제는 SO나 Google에서 본 것과 같은 실수가 아닌 것 같습니다(일반적으로 그들은 다음 함수를 호출하지 않습니다)._.debounce반품). 제가 현재 사용하고 있는 슈퍼 심플한 실장은 다음과 같습니다(CoffeeScript를 사용한 Angular). s.search = -> _.debounce( s._makeSearchRequest, 1000 )() s._makeSearchRequest = -> console.log("making search request") JS에서는, 다음과 같이 생각하고 있습니다. s.search = function() ..

source 2023.02.14

AngularJS - 컨트롤러 내부에서 상태를 변경하는 방법

AngularJS - 컨트롤러 내부에서 상태를 변경하는 방법 Angular는 처음입니다.JS 및 컨트롤러 내에서 상태를 어떻게 변경하는지 알고 싶습니다. 예를 들어, 보통 버튼을 클릭할 때 상태를 변경합니다. 따라서 버튼을 제출하면 내 페이지가 네비게이션 페이지로 바뀝니다.이것은 정상적으로 동작합니다만, 우선 컨트롤러로 로직을 실행하고, 그 결과를 바탕으로 특정의 페이지로 변경해 주세요.버튼 클릭이 아닌 컨트롤러 내에서 이를 수행하려면 어떻게 해야 합니까? 궁금하실 경우를 대비해서 modules.js를 소개합니다. angular.module('ecsMain', [ 'ui.router', 'ui.bootstrap', 'ngTable' ]) .config(['$stateProvider', '$urlRoute..

source 2023.02.14

웹 팩을 사용하여 angularjs를 Import하기 위한 베스트 프랙티스는 무엇입니까?

웹 팩을 사용하여 angularjs를 Import하기 위한 베스트 프랙티스는 무엇입니까? 웹 팩과 Angular를 사용하는 방법JS를 함께 사용하면 템플릿 로드 및 온디맨드 리소스 가져오기 작업이 어떨까요? 잘 쓴 것의 예webpack.config.js이 목적을 위해 제출해 주시면 감사하겠습니다. 여기에 표시된 모든 코드 스니펫은 이 github repo에서 액세스할 수 있습니다.이 packetloop git repo에서 코드가 관대하게 수정되었습니다. webpack.config.json var path = require('path'); var ResolverPlugin = require("webpack/lib/ResolverPlugin"); var config = { context: __dirname,..

source 2023.02.10
반응형