반응형

angularJS 62

AngularJs에서 ng-repeat을 X회만 반복합니다.

AngularJs에서 ng-repeat을 X회만 반복합니다. Javascript와 같은 ng-repeat은 어떻게 사용하나요? 예: Text ng-repeat을 4번 반복하고 싶은데 어떻게 해야 하나요?각도에는 limitTo:limit 필터가 함께 제공되며 첫 번째 x개 항목과 마지막 x개 항목의 제한을 지원합니다. {{item}} 이것이 내가 생각할 수 있는 가장 간단한 회피책입니다. {{$index}} 다음은 Plunker의 예입니다.javascript 배열 개체에서 슬라이스 메서드를 사용할 수 있습니다. {{item}} 쇼트 앤 스위트를 참조해 주세요. text 및 컨트롤러: $scope.getTimes=function(n){ return new Array(n); }; http://plnkr.co/..

source 2023.04.02

재스민 유닛 테스트에서 $q. 모든 약속을 어떻게 해결합니까?

재스민 유닛 테스트에서 $q. 모든 약속을 어떻게 해결합니까? 컨트롤러의 코드는 다음과 같습니다. $q.all([qService.getData($scope.id), dService.getData(), qTService.get()]) .then(function (allData) { $scope.data1 = allData[0]; $scope.data2 = allData[1]; $scope.data3 = allData[2]; }); 유닛 테스트에서는 다음과 같은 작업을 하고 있습니다. beforeEach(inject(function($rootScope, $q, $location){// and other dependencies... qServiceSpy = spyOn(_qService, 'getData').a..

source 2023.04.02

AngularJS - ng-repeat으로 커스텀필터를 구조화하여 아이템을 조건부로 반환하는 방법

AngularJS - ng-repeat으로 커스텀필터를 구조화하여 아이템을 조건부로 반환하는 방법 목록 항목을 출력하는 ng-repeat이 있습니다.조건이 참일 경우에만 목록 항목이 인쇄되도록 사용자 지정 필터를 작성하려고 합니다. 필터에 변수가 전달되지 않는 것 같아서 구조가 잘못된 것 같습니다. index.displaces를 표시합니다. Menu {{menuItem.name}} app.module userApp.filter('matchAccessLevel', function() { return function( item, userAccessLevel, minAccessLevel ) { if( userAccessLevel >= minAccessLevel ) { return item; } } }); 필터..

source 2023.04.02

Angular에서 '바꾸기' 속성이 더 이상 사용되지 않는 이유는 무엇입니까?JS 디렉티브?

Angular에서 '바꾸기' 속성이 더 이상 사용되지 않는 이유는 무엇입니까?JS 디렉티브? 이 질문에는 이미 답변이 있습니다. 사용자 정의 Angular에 '바꾸기' 기능을 사용하는 방법JS 디렉티브? (2개의 답변) 닫힘3년 전. API 문서에 따르면 디렉티브는replaceAtribute는 권장되지 않으므로 향후 모든 디렉티브는 현재 기본값인replace: false. 이로 인해 개발자가 요소 지시문의 요소를 교체할 수 없게 되고, 이 기능을 대체할 명백한 기능은 없습니다. 요소 지침의 사용 여부와 관계없이 작동하는 방법의 예는 이 플랭크를 참조하십시오.replace: true. 이 유용한 Atribut이 대체되지 않고 폐지되는 이유는 무엇입니까?갱신하다 공동작업자 중 한 명이 제거되지 않을 것이라고..

source 2023.04.02

요소를 ng-transclude로 대체하는 방법

요소를 ng-transclude로 대체하는 방법 요소를 다음과 같이 교환할 수 있습니까?ng-transclude템플릿 요소 전체가 아니라요? HTML: {{someData}} 지시: return { restrict:'A', templateUrl:'templates/my-transcluded-directive.html', transclude:true, link:function(scope,element,attrs) { } }; my-included-included.disples I will not be touched. 제가 찾고 있는 것은,{{someData}}교체하다. 현재 일어나고 있는 일은 트랜스코드된HTML이 내부로 배치되는 것입니다.ng-transcludediv 요소 그게 가능한가요?이 문제를 해결..

source 2023.04.02

AngularJS Web API 위조 방지토큰 CSRF

AngularJS Web API 위조 방지토큰 CSRF 나는 Angular를 가지고 있다.ASP가 호스트하는 JS Single Page Application(SPA; 싱글 페이지응용 프로그램).NET MVC 어플리케이션 백엔드는 ASP.NET Web API CSRF 공격으로부터 데이터를 보호하고,AntiForgeryTokenASP에 있습니다.NET MVC 파트를 AngularJS에 전달하고 Web Api에 의해 검증됩니다.AntiForgeryToken후속 Angular에서 수신됨JS 콜 CSRF(Cross-Site Request Formature)는 최종 사용자가 현재 인증되어 있는 웹 응용 프로그램에서 원하지 않는 액션을 실행하도록 하는 공격입니다.CSRF 공격은 공격자가 위조 요구에 대한 응답을 확인..

source 2023.03.28

AngularJS $watch vs $watch Collection: 어떤 것이 퍼포먼스에 더 좋습니까?

AngularJS $watch vs $watch Collection: 어떤 것이 퍼포먼스에 더 좋습니까? 오브젝트 스코프 변수를 감시하기 위해$scope.$watch와 함께objectEqualitytrue OR로 설정하다$scope.$watchCollection더 나은가요? 의 경우$scope오브젝트 변수(예를 들어 15개의 Atribute, 일부 중첩된 2레벨)는 입력 요소로 갱신되며,ng-model보기에는, 얼마나 나쁜가$scope.$watch와 함께objectEquality로 설정하다.true피해야 할 큰 일인가요? 이$watchCollection더 나은 해결책? Angular의 성능을 향상시킬 수 있는 쉬운 승리를 찾고 있습니다.JS App (아직 v1.2.2에서 벗어나지 못했습니다.) // ct..

source 2023.03.28

여러 인수로 함수를 바인딩하는 AngularJS 디렉티브

여러 인수로 함수를 바인딩하는 AngularJS 디렉티브 명령어에 콜백 함수와 컨트롤러에 정의된 함수를 바인딩하는 데 문제가 있습니다.코드는 다음과 같습니다. 내 컨트롤러: $scope.handleDrop = function ( elementId, file ) { console.log( 'handleDrop called' ); } 그럼 내 지시사항: .directive( 'myDirective', function () { return { scope: { onDrop: '&' }, link: function(scope, elem, attrs) { var myFile, elemId = [...] scope.onDrop(elemId, myFile); } } ); 그리고 내 html 페이지: 위의 코드를 사용할..

source 2023.03.23

AngularJS UI 라우터 - 상태를 다시 로드하지 않고 URL 변경

AngularJS UI 라우터 - 상태를 다시 로드하지 않고 URL 변경 현재 프로젝트에서는 디폴트를 사용하고 있습니다.$routeProvider이 "해크"를 사용해서url페이지를 새로고침하지 않음: services.service('$locationEx', ['$location', '$route', '$rootScope', function($location, $route, $rootScope) { $location.skipReload = function () { var lastRoute = $route.current; var un = $rootScope.$on('$locationChangeSuccess', function () { $route.current = lastRoute; un(); }); ret..

source 2023.03.23

Angular와 함께 사용할 애플리케이션 구조JS랑 라라벨?

Angular와 함께 사용할 애플리케이션 구조JS랑 라라벨? 저는 최근에 대규모 소셜 네트워크를 구축하기 시작했고, 제 구조는 좋다고 생각했지만, 알고 보니 이 논리를 제대로 구축하지 못했습니다. Angular JS(나쁜 아이디어)와 견해가 뒤섞여 블레이드 익스텐션은 생략했지만 블록과 사이드바가 많이 들어가 있어 골칫거리가 되었습니다. 현재는 각진 폼 검증만 하고 있습니다만, 실제로는 모든 사이트 페이지에 Ajax, 데이터 풀 등이 필요합니다. 인터넷을 검색해 보니 앵귤러 뷰가 퍼블릭 폴더에 저장되어 있습니다만, 모든 페이지가 앵귤러로 되어 있기 때문에, 모든 뷰를 퍼블릭에 저장하고, 라라벨을 백엔드로 하는 것이 좋을까요? 바보같은 질문인건 알지만 좀 헷갈리네요. 도움말 힌트 감사합니다.이러한 프레임워크..

source 2023.03.23
반응형