반응형

angularJS 32

표현식을 기반으로 각도를 사용하여 팝오버(또는 툴팁)를 동적으로 열거나 닫는 좋은 방법?

표현식을 기반으로 각도를 사용하여 팝오버(또는 툴팁)를 동적으로 열거나 닫는 좋은 방법? 각진 형태로 배선되어 검증에 사용되고 있습니다.다음과 같이 ng-show 지시어를 사용하여 오류 메시지를 표시할 수 있습니다. This field is required. 서..어디에ft3 시도이 포함되어 . 대신 팝오버 내에 확인 메시지를 표시하려고 합니다.부트스트랩의 네이티브 팝오버 또는 UI 부트스트랩의 팝오버 중 하나를 로드했습니다.만약 그 lib를 사용하는 것이 더 쉽다면, 나는 Angular Strap을 고려할 수도 있다. 제가 지금 어려움을 겪고 있는 것은 팝오버의 일반적인 특성입니다. 팝오버는 클릭, 마우스 입력, 흐림 등의 사용자 이벤트에 따라 자동으로 재생됩니다.위의 ng-show 속성의 동일한 함수..

programing 2023.03.10

AngularJS - UI 라우터 - 동적 뷰 구성 방법

AngularJS - UI 라우터 - 동적 뷰 구성 방법 데이터베이스를 통해 동적으로 ui-router를 사용하는 방법에 대한 문서를 찾기가 어려웠습니다.코스의 경우, 모든 것이 하드코드로 되어 있습니다. 마이슨: [ { "name": "root", "url": "/", "parent": "", "abstract": true, "views": [ {"name": "header", "templateUrl": "/app/views/header.html"}, {"name" :"footer", "templateUrl": "/app/views/footer.html" } ] }, { "name": "home", "url": "", "abstract" : false, "parent": "root", "views": ..

programing 2023.03.05

Angular $http로 다운로드 받은 파일 이름을 얻는 방법

Angular $http로 다운로드 받은 파일 이름을 얻는 방법 Angular $http를 사용하여 파일을 다운로드하는 코드를 작성했습니다.URL에 파일 이름이 지정되지 않았습니다.URL 에는, 애플리케이션의 외부로부터 취득한, 파일의 일의의 식별자가 포함됩니다. 언제$http.get(myUrl)모든 것이 정상적으로 동작합니다.파일은 취득되어 콜백핸들러로 액세스 할 수 있습니다만, 파일명을 취득하는 방법을 알 수 없습니다.Fiddler에서 원시 응답을 캡처하면 다음과 같이 표시됩니다. HTTP/1.1 200 OK Cache-Control: private Content-Length: 54 Content-Type: application/octet-stream Server: Microsoft-IIS/8.5 A..

programing 2023.02.23

Express/Node.js 및 Angular를 사용하여 취소된 요청 처리

Express/Node.js 및 Angular를 사용하여 취소된 요청 처리 보류 중인 HTTP 요청이 클라이언트/브라우저에 의해 취소되면 Express를 사용하는 노드가 요청을 계속 처리하는 것으로 보입니다.부하가 높은 요구의 경우 CPU는 불필요한 요구로 계속 비지 상태가 됩니다. Node.js/Express에 취소를 요청한 보류 중인 요청을 중지/정지하도록 요청할 수 있는 방법이 있습니까? AngularJS 1.5 HTTP 요구는 콜을 통해 쉽게 취소할 수 있기 때문에 특히 유용합니다.$cancelRequest()에$http/$resource물건들. 이러한 취소는 자동완료 또는 검색 필드에 대한 결과를 제공하는 API 메서드를 노출할 때 발생할 수 있습니다. 자동완료 또는 자동진행 필드에 입력할 경우..

programing 2023.02.23

CORS 오류: 요청 헤더 필드 허가가 비행 전 응답의 Access-Control-Allow-Headers에 의해 허용되지 않습니다.

CORS 오류: 요청 헤더 필드 허가가 비행 전 응답의 Access-Control-Allow-Headers에 의해 허용되지 않습니다. 로컬 호스트 포트에서 다른 포트로 요청을 전송하려고 합니다.프런트엔드에서 angularjs를 사용하고 백엔드에서 노드를 사용하고 있습니다. CORS 요청이기 때문에 node.js에서 사용하고 있습니다. res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, PATCH'); res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, A..

programing 2023.02.23

개체 키에 정확히 각도 필터

개체 키에 정확히 각도 필터 다음과 같은 작은 각도 앱이 있습니다. html {{ user.username }}, {{ user.id }} app.module function Ctrl($scope) { $scope.users = [ {"id":1,"username":"simon",}, {"id":8,"username":"betty",}, {"id":14,"username":"archie",}, {"id":3,"username":"jumbo1"}, ] } 산출량 simon, 1 archie, 14 jumbo1, 3 필터 인수 AND 필터의 정확한 일치를 id 필드만으로 필터링합니다. 기본적으로 다음과 같은 출력이 필요합니다. 산출량 simon, 1 저는 Angular 1.2를 쓰고 있어요.Angular 1..

programing 2023.02.18

Express 핸들바와 각도 JS 사용

Express 핸들바와 각도 JS 사용 배경 현재 서버, Express Handlebars(Just Handlebars, 서버측) 및 Angular를 사용하는 웹사이트를 구축하고 있습니다.JS는 클라이언트 측을 위한 것입니다. 문제 AngularJS 및 핸들바는 템플릿 작성에 동일한 구문을 사용합니다. {{foo}} 이로 인해 Angular가JS 코드는 먼저 Express Handlebars에 의해 해석됩니다.풀링하려는 데이터가 노드가 아닌 Angular에만 존재하기 때문에 오류가 발생합니다. 질문 Angular를 구할 방법은 없을까?JS와 Express 핸들바가 함께 작동합니까? 생각할 수 있는 해결책 Angular 구문 변경JS 나는 백본을 보고 있었다.JS와 구문을 변경할 수 있을 것 같습니다.비슷..

programing 2023.02.15

ng-repeat 내의 명령어와 스코프 '@'의 불가사의한 힘 사용

ng-repeat 내의 명령어와 스코프 '@'의 불가사의한 힘 사용 현용 코드로 질문을 표시하는 경우는, http://jsbin.com/ayigub/2/edit 를 참조해 주세요. 간단한 서사시를 쓰는 것과 거의 같은 방법을 생각해 봅시다. app.directive("drinkShortcut", function() { return { scope: { flavor: '@'}, template: '{{flavor}}' }; }); app.directive("drinkLonghand", function() { return { scope: {}, template: '{{flavor}}', link: function(scope, element, attrs) { scope.flavor = attrs.flavor; ..

programing 2023.02.15

다른 파일에서의 Angularjs 라우팅

다른 파일에서의 Angularjs 라우팅 앵글 루팅을 체크하고 있어요 http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm 표시된 예에서는 모든 루트가 동일한 파일에 정의되어 있습니다.다양한 파일/모듈에 다양한 경로를 정의하려면 어떻게 해야 합니까?각진 상태JS 루트는 컨피규레이션블록에 정의되어 있습니다.각 각도JS 모듈에는 여러 설정 블록을 설정할 수 있으며 각 설정 블록에서 루트를 정의할 수 있습니다.응용 프로그램 전체의 최종 라우팅은 모든 모듈에서 정의된 루트의 합계입니다. 실제로는 다음과 같이 할 수 있습니다. angular.module('myModule1', [..

programing 2023.02.11

다이내믹 ID ng-module

다이내믹 ID ng-module ng-repeat에서 div에 다이내믹 ID를 설정하려고 합니다.예를 들어 보겠습니다. 문제는 자녀 div를 클릭했을 때 부모 ID 이름을 얻고 싶은데 angular가 ID를 div에 제대로 설정하지 않는 것 같습니다.이 개념으로 다이내믹 ID를 설정할 수 있습니까? PS: 과거에 컨트롤러로 카운터 메서드를 생성하여 인덱스를 설정하려고 했는데, 각도가 이 ID의 마지막 값만 인식하는 것으로 나타났습니다.질문에 답변하려면 다음을 수행하십시오. 상기의 조작은 가능하지만, 실제로는 이것이 필요 없는 경우가 있습니다(!).이것은 Angular에서는 드문 일이라는 점에 주의해 주십시오.JS는 요소를 id로 참조하여 조작합니다. 모델에 초점을 맞춰 UI를 선언적으로 설명하고 Angu..

programing 2023.02.11
반응형