반응형

angularJS 34

Angular에서 요소를 교체하는 방법JS 다이렉트 링크 함수?

Angular에서 요소를 교체하는 방법JS 다이렉트 링크 함수? 작성 중입니다.각진자신을 치환할 필요가 있다JS 디렉티브(the JS Directive)실행 후 DOM에 HTML 코드를 포함할 수 있는 동적 템플릿이 있는 태그가 없어야 합니다. 사용상의 문제replace: true테이블과 함께 사용할 수 없습니다.템플릿이 동적으로 선택되었는지 확인합니다. 그래서 저는 링크 기능에서 요소를 교체하는 방법을 찾고 있지만 성공하지 못하고 있습니다. jQuery의 사용.replaceWith()부서지다ngRepeat알 수 없는 이유로 힌트 있나요? 여기 바이올린이 있습니다.마크의 대답은 효과가 있지만, 그 예는 전체 그림을 보여주기에는 너무 제한적이다.Mark의 지시는 공통적이고 단순한 UI 컴포넌트에는 충분하지..

programing 2023.03.17

AngularJS : 어플리케이션의 모든 루트에 대해1개의 해상도를 사용하는 방법

AngularJS : 어플리케이션의 모든 루트에 대해1개의 해상도를 사용하는 방법 저는 제 어플리케이션의 모든 페이지에 대해 현재 사용자를 로드하는 약속을 해결하고 싶습니다.현재, 나는 각오를 반복하고 있다.$routeProvider.when()내 경로 중 하나야. $routeProvider.when('/users/edit/:userId', { templateUrl: 'app/app/assets/partials/user-edit.html', controller: 'UserEditController', resolve:{ 'currentUser':function( UserService){ return UserService.getCurrentUser(); } } }); $routeProvider.when('/..

programing 2023.03.17

각도 테스트JS는 Jasmine 2.0에서 약속

각도 테스트JS는 Jasmine 2.0에서 약속 재스민 2.0과 앵귤러에 머리를 싸매고 있는데JS가 약속합니다.알고 있습니다. Jasmine 2.0은 이전 버전을 대체하는 기능을 도입했습니다.runs그리고.waitsFor기능들 각도 JS$q다이제스트 사이클이 트리거될 때까지 약속은 해결되지 않습니다. Angular를 테스트하려면JS는 Jasmine 2.0의 새로운 비동기 구문을 사용하여 약속합니다.전화 후promise.resolve(): 호출합니다. 이렇게 하면 다이제스트 사이클이 강제로 실행되어 약속 해결이 전파됩니다. 불러done()이것으로 재스민에게 비동기 테스트가 완료되었음을 알립니다. 다음은 예를 제시하겠습니다(Demo on Pluker). describe('AngularJS promises a..

programing 2023.03.12

AngularJS - 커스텀 디렉티브에서 ngModel 값을 변경하는 방법

AngularJS - 커스텀 디렉티브에서 ngModel 값을 변경하는 방법 제 지시사항을 살펴봅시다. angular.module('main').directive('datepicker', [ function() { return { require: '?ngModel', link: function(scope, element, attributes, ngModel) { ngModel.$modelValue = 'abc'; // this does not work // how do I change the value of the model? 그러면 ng-model 값은 어떻게 변경할 수 있을까요?여기에는 다양한 방법이 있습니다. $setViewValue()뷰와 모델을 업데이트합니다.대부분의 경우 그걸로 충분합니다. 모델..

programing 2023.03.12

각도 JS: js 파일을 부분적으로 로드하는 방법

각도 JS: js 파일을 부분적으로 로드하는 방법 Angular JS에서는 매우 새로운 말로, 제가 하려는 것은 게으른 부하라고 생각합니다.여러 블로그를 살펴보았지만, 순수하게 Angular를 사용하는 완전한 솔루션을 찾지 못했습니다.JS. 내가 만약 이 모든 걸 다 이해한다면index.html에서는 모두 정상적으로 동작합니다.초기 부하에서 풀다운되는 js의 양을 줄이려고 합니다. 스크립트 태그가 partial에 있으면 로드되지 않으므로 P1Ctrl은 생성되지 않습니다.따라서 현재 사용자가 어플리케이션에 접속하여 process55로 이행하지 않아도 사용자는 process55용 코드를 아직 사용하지 않았더라도 process55용 코드를 가지고 있습니다. process1 route 실행 시 파일을 로드하여 ..

programing 2023.03.12

개인 방법 Jasmine을 사용한 단위 테스트

개인 방법 Jasmine을 사용한 단위 테스트 나는 재스민으로 각진 적용 테스트 케이스를 코딩하고 있었다.그러나 서비스에서는 많은 내부 방식이 비공개로 선언됩니다. 예: App.service('productDisplay', function(){ var myPrivate = function(){ //do sth } this.doOfferCal = function(product, date){ //call myPrivate //do sth too return offer; } }); Jasmine을 사용하면 "doOfferCal" 코드 테스트가 간단하지만 myPrivate에도 유닛 테스트를 쓰고 싶습니다. 어떻게 해야 하죠? 잘 부탁드립니다.고마워 Jabko87 또한 인수를 전달하려면 다음 예를 사용합니다. c..

programing 2023.03.12

UI-Router를 사용하여 사용자가 부모 상태로 이행할 때 사용자를 자녀 상태로 유도

UI-Router를 사용하여 사용자가 부모 상태로 이행할 때 사용자를 자녀 상태로 유도 다음 사항을 고려하십시오. .state('manager.staffList', {url:'^/staff?alpha', templateUrl: 'views/staff.list.html', data:{activeMenu: 'staff'}, controller: 'staffListCtrl'}) .state('manager.staffDetail', {url:'^/staff/{id}' , templateUrl: 'views/staff.html', data:{activeMenu: 'staff'}, controller: 'staffDetailsCtrl'}) .state('manager.staffDetail.view', {url:'/..

programing 2023.03.07

AngularJng-옵션으로 범위 작성

AngularJng-옵션으로 범위 작성 페이지 수가 변수인 페이지 1~페이지 목록이 있는 선택 요소를 작성하려고 합니다.ng-options 식을 구성해서 필요한 숫자를 얻을 수 있도록 하는 방법을 모르겠습니다.지금까지 제가 가지고 있는 것은 다음과 같습니다. ng-options 식에 무엇을 넣어야 제 선택을 만들 수 있을까요? 1 ... 35 숫자 배열을 반환하는 함수를 만들어 어떻게든 사용할 필요가 있습니까?아니면 더 쉬운 방법이 있을까요? 어떤 도움이라도 주시면 대단히 감사하겠습니다. 감사해요. 편집 질문 투고 후 컨트롤러에 레인지라는 함수를 만들어 두 개의 숫자를 가져와서 그 범위의 모든 값을 가진 배열을 반환하는 방법을 알아냈습니다. $scope.Range = function(start, end)..

programing 2023.03.07

ng-repeat과 ng-animate를 사용하여 목록을 정렬하려면 어떻게 해야 합니까?

ng-repeat과 ng-animate를 사용하여 목록을 정렬하려면 어떻게 해야 합니까? 다음을 사용하여 개체 목록을 렌더링합니다.ng-repeat와 함께orderBy다음과 같이 필터링합니다. 목록 정렬의 변경을 ng-animate로 하려는 나의 시도는 좌절감을 주고 공유할 가치가 없는 것으로 판명되었다.나는 여기서 Yearofmoo 예제 앱을 본 적이 있다. 유감스럽게도 이 시연은 제가 달성하려는 것이 아닙니다.리스트 아이템이 새로운 순서로 배치될 때 리스트 아이템의 X 위치에 애니메이션을 적용해야 합니다.orderBy정의가 변경됩니다.css의 이행과 절대적인 포지셔닝으로 이를 실현하려고 노력했지만,ng-repeat목록 항목을 재작성하는 것 같습니다.orderBy애니메이션을 정말 어렵게 만들고 있습니다..

programing 2023.03.07

$location / html5 모드와 해시방 모드 전환 / 링크 변경

$location / html5 모드와 해시방 모드 전환 / 링크 변경 Angular는 tempaltes 내의 앵커 태그의 href 속성에 나타나는 URL을 html5 모드든 hashbang 모드든 동작하도록 고쳐 쓴다는 인상을 받았습니다.로케이션 서비스의 문서에는 HTML 링크 개서가 해시방 상황을 처리한다고 기재되어 있는 것 같습니다.따라서 HTML5 모드가 아닐 때는 해시가 삽입되고 HTML5 모드에서는 삽입되지 않을 것으로 예상됩니다. 그러나 개서가 이루어지지 않고 있는 것 같습니다.다음 예에서는 모드 변경만 허용하지 않습니다.응용 프로그램의 모든 링크는 수동으로 다시 작성해야 합니다(또는 실행 시 변수에서 파생됩니다).모드에 따라 모든 URL을 수동으로 다시 작성해야 합니까? Angular 1...

programing 2023.03.07
반응형