반응형

AngularJS 44

$dirty 형식의 리셋 방법

$dirty 형식의 리셋 방법 신청서에 $dirty를 사용하다가 한 가지 문제가 생겼습니다. 문제는 양식 필드를 변경하면 $dirty 값이 true로 설정되지만, 이제 변경을 취소해도 $dirty 값이 false로 리셋되지 않는다는 것입니다. $dirty 값은 수동으로 false로 리셋할 수 있지만 나중에 다시 폼필드 값을 변경해도 $dirty 값은 true로 변경되지 않습니다.제가 관찰한 바에 따르면, NG-dirty 클래스를 배치함으로써 당신의 폼에 있는 모든 분야의 $dirty 값을 설정합니다.그 클래스를 삭제해도 $dirty 동작에는 영향을 주지 않습니다. // Please find below attached Fiddle for code reference 만지작거리다.찾으시는 것은 $setPris..

programing 2023.03.05

Angular에 지연을 적용하는 방법JS

Angular에 지연을 적용하는 방법JS 라라벨 블레이드에 아래 코드를 사용하고 있습니다. {{errorMsg}} angularjs 컨트롤러 내 $scope.errorMsg = "Data Empty"; $scope.displayErrorMsg = true; setTimeout(function() { $scope.displayErrorMsg = false;}, 2000); 주어진 대로 2초가 지나도 메시지가 자동으로 사라지지 않습니다. 그러나 단순히 경보("test")를 넣거나 아무 곳이나 클릭하면 메시지가 사라집니다.이 문제를 해결하는 방법그냥 주입해$timeout컨트롤러에서 이 명령을 사용합니다. $timeout(function() { $scope.displayErrorMsg = false;}, 200..

programing 2023.03.05

Flot과 Angular JS를 통합하는 방법

Flot과 Angular JS를 통합하는 방법 Angular와 Flot은 처음이지만 Jquery와 Javascript는 경험이 있습니다.Flot은 JQuery 플러그인이기 때문에 Flot 차트를 Angular 데이터 모델에 바인딩하는 방법이 좀 헷갈립니다.여기저기 찾아봤지만 사례를 찾을 수가 없어요. 하이차트, 구글차트, 기타 차트 작성 솔루션을 사용할 수도 있습니다.차트 작성에는 대량의 DOM 조작이 필요하기 때문에 디렉티브를 사용하는 것이 좋습니다. 데이터를 컨트롤러에 보관할 수 있습니다. App.controller('Ctrl', function($scope) { $scope.data = [[[0, 1], [1, 5], [2, 2]]]; }); 또한 데이터를 가져올 모델을 지정하는 커스텀 HTML 태..

programing 2023.03.05

Angular UI-Router: 부모 뷰를 사용하는 자식

Angular UI-Router: 부모 뷰를 사용하는 자식 스토리 형식: 여기서 찾고 있는 것은 마스터 상세 설정입니다.마스터는 목록 형식이며 링크를 클릭하면(이 경우 특정 행/레코드(또는 계정)에 상대됨)메인 뷰(문자 그대로 "메인" 뷰)에서 자세한 내용을 보고 싶다.). 이것을 실시해, URL 구조를 유지하고 싶다(/accounts어카운트 리스트의 경우/accounts/:id(상세 버전용) 단, 리스트에서 사용하던 뷰를 상세 뷰에서 사용할 수 있도록 합니다. 현재 가지고 있는 것 index.displaces를 표시합니다. ... ... accounts.displays(계정). $stateProvider .state ('accounts', { url: '/accounts', views: { 'main'..

programing 2023.03.05

Angularjs - 현재 날짜 표시

Angularjs - 현재 날짜 표시 angularjs로 표시되며 현재 날짜(포맷)를 표시하려고 합니다.이런 생각이 들었어요.{{Date.now() | date:'yyyy-MM-dd'}}현재 날짜가 표시됩니다.먼저 컨트롤러에 날짜 개체를 생성해야 합니다. 컨트롤러: function Ctrl($scope) { $scope.date = new Date(); } 표시: {{date | date:'yyyy-MM-dd'}} JSFiddle 예시 Angular Date 필터 참조날짜를 인쇄할 때마다 날짜 개체를 현재 범위에 첨부하지 않아도 되는 경우 필터를 사용하여 이 작업을 수행할 수도 있습니다. .filter('currentdate',['$filter', function($filter) { return func..

programing 2023.03.05

HTML 대신 javascript에서 필터를 사용하는 방법

HTML 대신 javascript에서 필터를 사용하는 방법 Angular를 사용하고 있습니다.JS도 좋고문서 - Javascript에서 이 Angular와 동등한 것은 무엇입니까?JS 식: {{ (myList| filter:mySearch).length }} 도와 주셔서 감사해요.Angular의 필터 설명서에 나와 있습니다. HTML 템플릿바인딩 {{ filter _ configuration | filter : configuration } } 자바스크립트 $filter "filter" (어레이, 식) 당신의 경우, 그것은 마치$filter('filter')(myList, mySearch).대체 구문으로서 필터를 직접 삽입할 수도 있습니다.$filter서비스.예를 들어 주입하는 경우filter다음과 같이 ..

programing 2023.02.28

각도 방향의 재귀

각도 방향의 재귀 널리 사용되는 재귀 각도 지시 Q&A가 몇 가지 있는데, 모두 다음 솔루션 중 하나로 귀결됩니다. HTML の 컴컴컴컴컴 컴컴컴컴 。 예 1 [stackoverflow] 예 2 [jsfiddles 페이지 표시] 디렉티브는 전혀 사용하지 않고 자신을 참조하는 잠시 몇 가지 회피책을 사용한 후, 이 문제에 대해 반복해서 언급하고 있습니다. 서비스 솔루션은 서비스를 삽입할 수 있는 디렉티브에서는 동작하지만 익명 템플릿의 fragment에서는 동작하지 않기 때문에 서비스 솔루션에 만족하지 않습니다. 마찬가지로 명령어로 DOM 조작을 함으로써 특정 템플릿 구조에 의존하는 솔루션은 너무 구체적이고 취약합니다. 저는 재귀가 그 자체의 지침으로 캡슐화되어 다른 지시사항을 최소화하고 익명으로 사용할 수..

programing 2023.02.28

AngularJS: 모델 요소가 모델 배열에서 스플라이스된 경우 ng-repeat 목록이 업데이트되지 않음

AngularJS: 모델 요소가 모델 배열에서 스플라이스된 경우 ng-repeat 목록이 업데이트되지 않음 저는 2개의 컨트롤러를 가지고 있으며 app.factory 기능으로 데이터를 공유합니다. 첫 번째 컨트롤러는 링크를 클릭하면 모델 어레이(pluginsDisplayed)에 위젯을 추가합니다.위젯이 어레이에 푸시되고 이 변경 내용이 보기에 반영됩니다(ng-repeat을 사용하여 어레이 내용을 표시). 위젯은 k2플러그인, 제거 및 크기 조정의 세 가지 지침을 기반으로 구축됩니다.remove 디렉티브는 k2plugin 디렉티브의 템플릿에 스팬을 추가합니다.해당 스팬을 클릭하면 공유 어레이의 오른쪽 요소가 삭제됩니다.Array.splice()공유 어레이가 올바르게 업데이트되었지만 변경 내용이 보기에 반영..

programing 2023.02.28

부트스트랩을 사용하여 ng-timeout 데이터를 3개의 컬럼으로 분할하는 방법

부트스트랩을 사용하여 ng-timeout 데이터를 3개의 컬럼으로 분할하는 방법 나는 ng-repeat을 내 코드로 사용하고 있으며, ng-repeat을 기반으로 한 텍스트 박스의 'n' 번호를 가지고 있다.텍스트 상자를 열 세 개로 정렬하고 싶습니다. 이건 내 코드야 {{$index+1}}. 가장 신뢰성이 높고 기술적으로 올바른 접근법은 컨트롤러의 데이터를 변환하는 것입니다.다음은 간단한 청크 기능과 사용 방법입니다. function chunk(arr, size) { var newArr = []; for (var i=0; i= 1200) { // lg nCols = 3; } return nCols; }; 그리고 @Cumulo Nimbus가 제안한 수업을 이용했습니다. .new-row { clear: l..

programing 2023.02.28

AngularJS 디렉티브 컨트롤러에는 부모 디렉티브 컨트롤러가 필요합니까?

AngularJS 디렉티브 컨트롤러에는 부모 디렉티브 컨트롤러가 필요합니까? 완전히 거꾸로 생각할 수도 있지만, 세 가지 네스트 디렉티브를 작성하려고 합니다.스크린, 컴포넌트, 위젯입니다.위젯이 컴포넌트에서 몇 가지 동작을 트리거할 수 있도록 하고, 그 결과 화면에서 몇 가지 동작을 트리거할 수 있도록 하고 싶습니다.그래서: .directive('screen', function() { return { scope: true, controller: function() { this.doSomethingScreeny = function() { alert("screeny!"); } } } }) .directive('component', function() { return { scope: true, controll..

programing 2023.02.28
반응형