반응형

AngularJS 30

AngularJs $http.post()이 데이터를 전송하지 않음

AngularJs $http.post()이 데이터를 전송하지 않음 왜 다음 명세서가 지정된 URL에 포스트 데이터를 보내지 않는지 알 수 있을까요?URL이 호출되지만 $_POST를 인쇄하면 서버에서 빈 배열이 나타납니다.데이터에 추가하기 전에 콘솔에서 메시지를 인쇄하면 올바른 내용이 표시됩니다. $http.post('request-url', { 'message' : message }); 또한 데이터를 문자열로 사용해 보았습니다(동일한 결과). $http.post('request-url', "message=" + message); 다음과 같은 형식으로 사용하면 동작하고 있는 것 같습니다. $http({ method: 'POST', url: 'request-url', data: "message=" + mes..

source 2023.03.15

각도 양식 지시어의 단위 테스트에서 뷰 값 입력 필드 설정

각도 양식 지시어의 단위 테스트에서 뷰 값 입력 필드 설정 양식을 작성하는 지침이 있습니다. app.directive('config', function() { return { restrict: 'E', scope: { data: '=' }, template: '' + '' + 'Error' + '', controller: 'ConfigDirectiveController', }; }); 유닛 테스트를 통해 에러 메시지가 표시되는지 확인하고 싶은 것이 있습니다.각도 1.2에서 $scope.config.item을 수정하면 뷰 값이 갱신되어 오류가 표시됩니다. 내가 알 수 있는 바로는, 각도 1.3의 경우, 모델이 검증을 통과하지 못하면 뷰 값이 업데이트되지 않습니다.따라서 오류 메시지가 표시되도록 보기 값을 ..

source 2023.03.15

ngRepeat에서 선택한 행을 강조 표시하는 방법

ngRepeat에서 선택한 행을 강조 표시하는 방법 Angular에서 이 간단한 문제를 해결할 수 있는 방법을 찾을 수 없었습니다.모든 답은 위치 경로와 비교할 때 탐색 모음과 관련이 있습니다. 목록을 사용하여 동적 테이블을 만들었습니다.ngRepeat행을 클릭하면 이 행이 사용자에 의해 선택되었음을 강조 표시하기 위해 이 행에 css 클래스를 할당하려고 합니다..selected이전에 강조 표시된 행에서. 선택한 행과 css 클래스 할당 사이에 바인딩할 메서드가 없습니다. 각각 신청했다row(ul)ng-click="setSelected()"하지만 난 내면의 논리를 놓치고 있어function변경을 적용합니다. 마이코드 - 플랭크 내 코드: var webApp = angular.module('webApp',..

source 2023.03.15

jQuery의 .append()를 통해 DOM 요소(각도 지시어)를 추가하는 방법

jQuery의 .append()를 통해 DOM 요소(각도 지시어)를 추가하는 방법 다음과 같은 jQuery 메서드를 사용하여 Angular 지시어 요소를 추가할 수 있는 방법이 있습니까?append()Angular가 컴파일/링크를 실시하여 처음에 디렉티브를 포함시킨 것처럼 동작하도록 할 수 있습니까? 예: app.directive('myAngularDirective', [function () { ... // Lots of stuff in here; works when used normally but not when added via jQuery }); $("body").append(""); 현재는 "my-angular-direction"이라고 불리는 빈 DOM 요소를 추가했을 뿐이지만, Angular는 ..

source 2023.03.10

ng-options 바인딩된 선택 요소에 대해 선택한 값 설정

ng-options 바인딩된 선택 요소에 대해 선택한 값 설정 관련 코드를 만지작거립니다.http://jsfiddle.net/gFCzV/7/ ng-repeat에서 참조되는 객체의 하위 컬렉션에 바인딩된 드롭다운의 선택된 값을 설정하려고 합니다.선택한 옵션은 내가 알고 있는 어떤 방법으로도 바인딩되어 있는 컬렉션을 참조할 수 없기 때문에 어떻게 설정해야 할지 모르겠습니다. HTML: {{Person.firstName}} {{Person.lastName}} {{Choice.Name}}: {{Choice.SelectedOption.ID}} JS: var myApp = angular.module('myApp', []); myApp.controller("SomeController", function($scope)..

source 2023.03.10

네스트된ng클릭콜간의이벤트 전파를 취소하는 가장 좋은 방법은 무엇입니까?

네스트된ng클릭콜간의이벤트 전파를 취소하는 가장 좋은 방법은 무엇입니까? 여기 예가 있어요.예를 들어, 많은 사이트와 같이 이미지 오버레이를 하고 싶다고 합시다.따라서 썸네일을 클릭하면 창 전체에 검은색 오버레이가 나타나고 이미지의 큰 버전이 중앙에 표시됩니다.검은색 오버레이를 클릭하면 해당 오버레이가 해제되고 이미지를 클릭하면 다음 이미지를 표시하는 함수가 호출됩니다. html: Javascript: function OverlayCtrl($scope) { $scope.hideOverlay = function() { // Some code to hdie the overlay } $scope.nextImage = function() { // Some code to find and display the ne..

source 2023.03.10

AngularJs 복잡한 데이터를 지침으로 전달

AngularJs 복잡한 데이터를 지침으로 전달 다음과 같은 지시가 있습니다. 오브젝트 구조는 다음과 같습니다. data: { details: { serverName: { type: 'text', value: 'my server name' }, port: { type: 'number', value: 'my port' }, nickname: { type: 'text' }, password: { type: 'password' }, channel: { type: 'text' }, channelPassword: { type: 'password' }, autoBookmarkAdd: { type: 'checkbox' } } } 데이터 내의 데이터를 기반으로 링크를 생성해 주세요.data.details물건.유감스럽게..

source 2023.03.05

ng-repeat 및 nested 루프가 있는 행 추가

ng-repeat 및 nested 루프가 있는 행 추가 테이블에 행을 추가할 방법을 찾고 있습니다.데이터 구조는 다음과 같습니다. rows = [ { name : 'row1', subrows : [{ name : 'row1.1' }, { name : 'row1.2' }] }, { name : 'row2' } ]; 다음과 같은 테이블을 만들고 싶습니다. table row1 row1.1 row1.2 row2 각도 js ng-반복으로 가능합니까?그렇지 않다면, "각선"으로 하는 방법은 무엇일까요? 편집: 어레이를 평평하게 하는 것은 좋지 않은 해결책입니다.서브 엘리먼트에서 반복할 수 있으면 셀이나 다른 css 클래스 등에서 다른 HTML 태그를 사용할 수 있기 때문입니다.1년 이상 지났지만 적어도 2레벨(아버..

source 2023.03.05

오류 가져오기 - 'angular' 이름을 찾을 수 없습니다.

오류 가져오기 - 'angular' 이름을 찾을 수 없습니다. Angular를 쓰기 시작했어JS 앱에서 TypeScript를 사용합니다.다음과 같은 간단한 모듈명령어가 있습니다. (() => { angular .module('app', []); })(); 내가 달릴 때tsc app.ts, 나는 이것을 얻었다:app.ts(2,5): error TS2304: Cannot find name 'angular'. 어떤 것을 포함할 필요가 있습니까?app.ts만들기 위해서tsc이해하다angular? 안부 전해요,컴파일러에게 "각도에 대해 모든 것을 알고 있다"고 말하면 컴파일러에 대해 걱정하지 말라고 간단히 말할 수 있습니다. declare var angular: any; 툴링과 타입 체크를 모두 올바르게 하려면 ..

source 2023.02.28

Angular.js를 사용하여 페이지 번호 매기기/테이블 레이아웃을 구현하는 방법

Angular.js를 사용하여 페이지 번호 매기기/테이블 레이아웃을 구현하는 방법 15개 이상의 오브젝트가 포함된 오브젝트 리터럴을 수신하여 (모든 오브젝트를 일렬로 표시하지는 않음) 적절한 레이아웃으로 표시해야 한다고 가정해 보겠습니다.줄 바꿈/페이지 끝의 타이밍을 제어하는 가장 효율적인 방법은 무엇입니까? 현재 테이블 행에 ng-repeat을 사용하고 있으며, 그 결과 컬럼이 1개인 길고 얇은 테이블이 생성됩니다. 설명을 위해 편집하십시오.오브젝트/더 많은 파라미터 내에 오브젝트가 있을 수 있습니다.제 목표는 다음과 같습니다. $scope.zones = [ {"name": "Zone 1", "activity": "1"}, {"name": "Zone 2", "activity": "1"}, {"name"..

source 2023.02.23
반응형