css3

Angularjs: ocLazy로드 대 Requirejs 제가 큰 각도의 프로젝트를 진행하고 있는데 대본을 게으르게 로드할 방법이 필요한 것 같습니다. 이전에 require.js로 작업한 적이 있는데 꽤 괜찮지만 문제는 파일을 연결하고 축소한 후에 1.5M js 파일이 나왔다는 것입니다. 그래서 방금 OcLazyload를 접했는데 유망해 보이지만 웹에서 require와 ocLazyload를 모두 사용하는 예제를 많이 봤습니다. 왜 두 가지를 모두 사용하려고 하는지 조금 혼란스럽습니다.둘 다 똑같은 일을 하고 있지 않습니까?Require를 사용할 수 있습니다.JS with ocLazy로드는 하지만 추천하지는 않습니다, 단지 사람들이 부탁해서 가능하고 통합하기 쉬웠기 때문입니다.필요 없음제이에스 왜냐하면 o..

트랙터에서 약속 만들기 및 해결하기 Protractor를 이용하여 Angular app의 페이지에 스토어 정보를 추가하는 테스트 케이스를 작성합니다.처음에는 이미 보유하고 있는 스토어의 수를 세고 테스트 블록이 완료된 후에는 카운트가 1개 증가할 것으로 예상하므로 Protractor에서 약속을 만들고 조작하는 링크를 따라 이 작업을 수행하고 있습니다. describe('myApp', function() { var items,startCount; var testPromise = function(){ items = element.all(by.repeater('store in storelist')); var deferred = protractor.promise.defer(); items.count().then..

angularjs - ngRepeat with ngInit - ngRepeat는 렌더링된 값을 새로 고치지 않습니다. 저는 ngRepeater를 사용하여 표시되는 배열을 가지고 있지만, 이 지시를 사용하여 표시할 객체를 반환해야 하는 함수를 실행하는 ngInit 지시를 사용하고 있습니다.모든 것이 완벽하게 작동하지만 배열에 새 값을 추가하는 "새" 버튼을 추가하면 배열 값의 양에 따라 기능이 실행되어야 한다고 생각되는 "SetPreview" 기능이 실행됩니다.내가 어떻게 그럴 수 있을까? UI: Add {{displayedQuestion.name}} {{displayedQuestion.snippet}} 컨트롤러: function PhoneListCtrl($scope) { $scope.phones = [ ..

UI-Router의 Resolve 함수는 한 번만 호출됩니다. ui-routers resolve 기능을 사용하여 컨트롤러에 쉽게 해결할 수 있는 약속을 주입하려고 했습니다. 예제 plnkr을 사용하여 예제를 만들었습니다.다음과 같은 중첩 상태를 고려합니다.route1그리고.route1.list. 나는 다음과 같은 해결 기능이 있습니다.abc에 규정된route1. 이제 다음으로 이동할 때route1처음으로.abc가 호출되며 해결됩니다.이제 다음으로 이동할 때route1.list그리고 다시route1,abc다시 호출되지 않습니다. http://plnkr.co/edit/mi5H5HKVAO3J6PCfKSW3?p=preview 이것은 의도적인 것이라고 생각하지만, 이 사용 사례를 고려해 보십시오. 해결 기능은 h..

생성된 d3 html에서 angularjs directives를 어떻게 사용합니까? 나는 내 d3 시각화에 angularjs tooltip 지시를 사용하려고 노력하고 있어서, 나는 다음과 같은 것이 있습니다. var node = svg.selectAll(".node") .data(nodes) .enter().append("circle") .attr("tooltip-append-to-body", true) .attr("tooltip", function(d) { return d.name; }) // ... attributes 그러나 툴팁이 표시되지 않습니다.필요한가요?$compile아니면 뭔가?포장해 봤습니다.$timeout그것도 효과가 없었어요저도 비슷한 문제가 있었는데 네, 해결했습니다.$compile...

각 js 단위의 검색 상자 angularJs 어플리케이션에 검색창을 구현하고 싶습니다.사용자가 검색 상자에 이름을 입력하기 시작하면 바로 REST 서비스를 호출하고 검색 텍스트 상자에 입력한 이름과 일치하는 모든 이름을 가져와야 합니다.버튼이 없으므로 사용자가 입력을 시작하는 즉시 결과가 자동으로 나타납니다.REST 서비스는 이미 있습니다.사용자가 입력을 시작하면 REST 서비스를 호출하고 결과를 목록으로 반환하면 됩니다.예:- James를 입력하면 이름이 James로 시작하는 모든 사용자가 검색 상자에 목록으로 나타납니다. 이름 목록이 나타나면 이름 중 하나를 클릭하면 현재 페이지에 정보가 로드됩니다. 각진 js로 이러한 타이프온 검색창을 구현하려면 어떻게 해야 합니까?지시 사항이 있습니까?누구든 제게..

트랙터, isDisplayed() NoSuchElementError:로케이터를 사용하는 요소를 찾을 수 없습니다. 트랙터 2.0에서, 나는 체크인을 하고 있습니다.expect()하나의 요소가 표시되는 경우.저는 거짓을 예상하지만, 이상한 것은 제가 다음과 같은 오류를 범한다는 것입니다. 해당 요소 없음 오류:로케이터를 사용하는 요소를 찾을 수 없습니다: By.id ("userForm") 내 코드는: describe('closeModal', function() { it('should close the alert that appears after registration.', function(){ element(by.id('closeAlertModalButton')).click(); expect(element..

선행 문자에 대한 AngularJs UI type ahead match AngularJs UI의 type ahead 기능은 단순하고 강력해 보이지만, 나는 어떻게 하면 주요 캐릭터에 대해 매칭을 수행할 수 있는지 알아내려고 노력해 왔습니다.예를 들어 입력란에 'A'를 입력하면 이름에 'A'를 포함하는 모든 상태가 아니라 'A'로 시작하는 모든 상태를 보고 싶습니다.이에 대해 며칠 동안 찾아봤는데 Angular가 '비교기'를 가진 커스텀 필터 개념을 가지고 있는 것 같습니다.이 문서에는 비교기 구현을 위한 정확한 구문을 보여주지 않는 간단한 예가 있습니다. html은 다음과 같습니다. Selected: {{selected}} 기본 자바스크립트는 다음과 같습니다. angular.module('firstCha..

글로벌하게 정의된 각도JS 컨트롤러 및 캡슐화 Angular에 따라JS의 튜토리얼에서는 컨트롤러 함수가 글로벌 범위 내에 있습니다. http://docs.angularjs.org/tutorial/step_04 컨트롤러 기능 자체가 자동으로 캡슐화된 스코프로 해석됩니까, 아니면 글로벌 스코프 내에 상주합니까?자신의 $scope에 대한 참조가 전달되고 있는 것은 알고 있습니다만, 기능 자체는 글로벌한 범위에 있는 것 같습니다.분명히 이것은 장래에 문제를 일으킬 수 있습니다.또한 경험과 교육을 통해 캡슐화하는 것을 배웠습니다.또한 이러한 캡슐화가 글로벌 범위 내에 존재한다면 다음과 같이 참조되는 오브젝트 내에 캡슐화하는 것이 베스트 프랙티스로 간주되지 않을까요? Object.functionName(); 이것보..

Angular에서 클릭 이벤트를 시뮬레이션하려면 어떻게 해야 합니까?JS 지시 테스트? 제가 작성한 지시문에 대해 ng-directional-testing repo 형식을 따르려고 했습니다.지시문은 사용자가 요소를 클릭할 때 기본적으로 오버레이를 렌더링합니다.지시(간소화)는 다음과 같습니다. mod.directive('uiCopyLinkDialog', function(){ return { restrict: 'A', link: function(scope, element, attrs) { var $elm = angular.element(element); element.bind('click', function(event) { $elm.addClass('test'); }); } }; }); 제가 작성하는 테스트..