반응형

angularjs 30

UI 그리드 상수를 사용하여 스크롤 막대 사용 안 함

UI 그리드 상수를 사용하여 스크롤 막대 사용 안 함 최신 버전의 ui-grid(v3.0.0-rc.16)를 사용하면 수평 및 수직 스크롤 바를 개별적으로 끌 수 있습니다.나는 이것을 교환해서 작동시켰다. $scope.gridOptions.enableScrollbars = false; 와 함께 $scope.gridOptions.enableHorizontalScrollbar = 0; $scope.gridOptions.enableVerticalScrollbar = 0; UI 그리드 소스에는 스크롤 막대에 대해 정의된 세 가지 상수가 있습니다. scrollbars: { NEVER: 0, ALWAYS: 1, WHEN_NEEDED: 2 } ui-grid가 여전히 불안정하고 자주 변경되는 현실을 직면하여 특정 값 대..

programing 2023.04.02

Flask RESTful 교차 도메인 문제 Angular: PUT, OPTIONS 메서드

Flask RESTful 교차 도메인 문제 Angular: PUT, OPTIONS 메서드 저는 Flask Restful과 함께 작은 쓰기 전용 REST api를 개발했습니다.이것은 IP 주소가 변경될 가능성이 있는 소수의 클라이언트로부터 PUT 요구를 받아들입니다.내 고객은 Angular를 실행하는 임베디드 크롬 클라이언트입니다.JS 프런트 엔드는 간단한 마법 키로 API를 인증합니다. 매우 제한된 규모에도 충분합니다. 저는 지금 API를 도입하는 테스트를 하고 있는데, Angular 클라이언트가 OPTIONS http 메서드를 플라스크 서비스에 전송하려고 하는 것을 알게 되었습니다.한편, 제 API는 404로 응답하고 있습니다(아직 OPTIONS 핸들러를 작성하지 않았기 때문에 PUT 핸들러만 작성)...

programing 2023.04.02

각도에서의 "href"와 "ng-href"의 차이JS

각도에서의 "href"와 "ng-href"의 차이JS 둘 다 써봤어요href그리고.ng-href그 차이를 알 수가 없었어요. Angular는 왜 이 기능을ng-href속성, 그리고 언제 사용해야 하나요? 매뉴얼에서 다음 항목을 참조하십시오. 각도 마크업 사용:{{hash}}사용자가 링크를 클릭하면 링크가 잘못된 URL로 이동하게 됩니다.이 경우 Angular는 링크를 치환할 수 있습니다.{{hash}}가치를 높입니다.Angular가 마크업을 대체할 때까지 링크는 끊어지고 404 오류가 반환될 가능성이 높습니다.그ngHref디렉티브는 이 문제를 해결합니다. 사실상, Angular에 의해 DOM에 제공된 값에 의존해야 하는 유일한 링크용입니다.해당 링크의 일부에 대해 Angular가 필요하지 않거나 Angu..

programing 2023.03.28

AngularJS - 선택 태그에 ng-repeat을 사용하여 추가 공백 옵션 추가

AngularJS - 선택 태그에 ng-repeat을 사용하여 추가 공백 옵션 추가 Angular를 사용하여 선택한 목록 상자가 있습니다.JS ng-repeat.리스트 박스가 올바르게 작성되어 아이템 중 하나를 선택하고 버튼을 클릭하면 기능에 액세스하여 필요한 정보를 얻을 수 있습니다. 저의 html 코드는 다음과 같습니다. Load 문제는 리스트 박스가 페인트를 칠할 때 맨 위에 빈 항목이 하나 있다는 것입니다.Chrome 실행 중에 목록 상자를 검사하면 콘솔에 다음과 같은 출력이 표시됩니다. Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 어떻게 하면 ng-repeat에 의해 삽입된 첫 번째 옵션을 없앨 수 있을지 궁금합니다.목록 상자 맨 위에 공백이 있으면 안 됩니다.첫 ..

programing 2023.03.23

각도 연장기 재스민 테스트에서의 console.log 출력 표시

각도 연장기 재스민 테스트에서의 console.log 출력 표시 angularjs protractor jasmine 테스트에서 console.log 출력을 표시하려면 어떻게 해야 합니까?현재 브라우저가 너무 빨리 닫힙니다. 추가 정보 - angularjs 튜토리얼 8단계에서 작업 중입니다.저는 e2e 테스트를 익스트럭터로 변경하려고 합니다.사용하고 있는 프로젝터 설정 파일은 %appdata%\npm\node_modules\protractor\referenceConf.js에 기반하고 있습니다.구성 파일에서 참조하는 spec js 파일에 console.log 인스턴스가 있습니다.그러나 프로젝터 e2e 테스트 실행 중 웹 사이트가 크롬으로 열리고 브라우저에 어떤 일이 발생하는지 확인한 후 console.log..

programing 2023.03.23

$watch vs ng-change, ng-checked 등에 의한 각도 트리거 변경

$watch vs ng-change, ng-checked 등에 의한 각도 트리거 변경 현재 데이터 변경은 여러 가지 방법으로 모니터링할 수 있습니다.모델 변경을 트리거할 수 있습니다.$watch요소에 지시문을 추가하고 몇 가지 작업을 결합할 수 있습니다. 많은 경우에서 조금 혼란스럽기 때문에 각 변종의 장단점이 무엇인지, 그리고 언제 사용해야 하는지 궁금합니다.$watch제본과 같은 지시가 있을 때ng-change?둘다요.$watch그리고.ngChange용도가 전혀 다릅니다. 스코프에 정의된 모델이 있다고 가정합니다. $scope.myModel = [ { "foo":"bar" } ]; 이제, 어떤 변화가 있을 때마다 작업을 수행할 수 있습니다.myModel사용하다$watch: $scope.$watch("..

programing 2023.03.23

Angular를 사용하는 글로벌 Ajax 오류 처리기JS

Angular를 사용하는 글로벌 Ajax 오류 처리기JS 웹사이트가 100% jQuery일 때는 이렇게 했습니다. $.ajaxSetup({ global: true, error: function(xhr, status, err) { if (xhr.status == 401) { window.location = "./index.html"; } } }); 글로벌 핸들러를 401 에러로 설정합니다.이제 angularjs를 사용해서$resource그리고.$http서버에 대한 (REST) 요청을 수행합니다.마찬가지로 angular를 사용하여 글로벌 에러 핸들러를 설정하는 방법이 있습니까?또, angular를 가지는 Web 사이트를 구축하고 있습니다만, 글로벌 401 대응에 있어서도 같은 장해에 부딪혔습니다.이 블로그 ..

programing 2023.03.18

UI 선택에서 수동으로 입력한 텍스트 허용

UI 선택에서 수동으로 입력한 텍스트 허용 ui-select에서 select 상자를 사용하고 있습니다.모두 정상적으로 동작하지만 수동으로 입력된 텍스트를 허용하고 사용자가 목록에서 사용할 수 있는 값을 제한하고 싶지 않습니다.텍스트를 입력하면 목록이 올바르게 필터링됩니다.그러나 요소를 클릭하지 않고 다음 필드로 이동하면 텍스트가 삭제됩니다. 좋은 생각 있어요? 고마워요, 알렉스 코드가 올바르지 않은 것 같아서 보여주고 싶지 않았는데, 다음과 같이 요청되었습니다. {{$select.selected.text}} 데이터는 다음 위치에 저장됩니다.formData[field.id].selected.field.id는 표시할 현재 필드의 번호입니다(폼을 동적으로 생성합니다).하나의 int 값이 저장되어 있다고 가정합..

programing 2023.03.18

상대 templateUrl을 로드하는 중

상대 templateUrl을 로드하는 중 모듈러형의 확장성이 뛰어난 애플리케이션을 만드는 최선의 방법을 찾고 있습니다.angular-boilerplate, angular-app과 같은 프로젝트 구조가 마음에 듭니다.모든 관련 파일이 파셜과 디렉티브의 기능별로 그룹화되어 있습니다. project |-- partial | |-- partial.js | |-- partial.html | |-- partial.css | |-- partial.spec.js 단, 다음 예에서는 템플릿 URL이 현재 파일이 아닌 기본 URL에 대해 로드됩니다. angular.module('account', []) .config(function($stateProvider) { $stateProvider.state('account', ..

programing 2023.03.13

AngularJS Directive 요소 메서드 바인딩 - TypeError: 'in' 연산자를 사용하여 1에서 'functionName'을 검색할 수 없습니다.

AngularJS Directive 요소 메서드 바인딩 - TypeError: 'in' 연산자를 사용하여 1에서 'functionName'을 검색할 수 없습니다. 이것은 메인 템플릿의 컨트롤러입니다. app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); 지시사항은 다음과 같습니다. a..

programing 2023.03.08
반응형