반응형

AngularJS 31

앵귤러 소재로 풀 하이트 사이드나브를 얻는 방법

앵귤러 소재로 풀 하이트 사이드나브를 얻는 방법 Angular-Material을 사용하고 있으며 SideNav 메뉴를 구현했습니다.화면 크기가 작으면 메뉴가 숨겨지고 메뉴 토글 버튼을 클릭하면 메뉴가 왼쪽에서 슬라이드하여 전체 페이지 높이로 표시됩니다.화면이 커지면, 메뉴는 왼쪽에는 고정되어 있습니다만, 전체 페이지 높이는 아닙니다. 고정 메뉴를 전체 페이지 높이로 표시하려면 어떻게 해야 합니까?css와 다른 md 속성을 가지고 놀았지만 방법을 찾을 수 없습니다. Dev.Material Sidenav Left This sidenav is locked open on your device. To go back to the default behavior, narrow your display. Some cont..

IT 2023.03.19

여러 요소에 ng-if(또는 기타 조건)를 적용하면서 드라이 상태를 유지하는 방법

여러 요소에 ng-if(또는 기타 조건)를 적용하면서 드라이 상태를 유지하는 방법 몇 가지 정보를 표시하고 싶다.같은 조건에 근거한 요소.현재 여러 개로 똑같이 하고 있어요ng-if다음과 같은 지시사항: Display unconditionally Same here... (imagine more columns) ... Display based on condition And the same for plenty of columns 이것이 효과가 있는 동안 사람들은 모든 반복을 알아차리지 않을 수 없다.어떻게 말릴지 생각나는 거 없어요?ng-if-start 및 ng-if-end 사용 one two three foure five 플런커언급URL : https://stackoverflow.com/questions/..

IT 2023.03.19

Angular ui-router 라이프 사이클이란 무엇입니까(사일런트 오류 디버깅용)

Angular ui-router 라이프 사이클이란 무엇입니까(사일런트 오류 디버깅용) 제가 찾은 최고의 것은 http://www.ng-newsletter.com/posts/angular-ui-router.html입니다.예를 들어, 그 순서는 그다지 깊지 않다.$stateChangeStart,exampleState.onEnter,exampleState.resolve,그리고.exampleState.templateProvider불. 훌륭한 답변 형식은 깨끗할 것입니다.예를 들어 다음과 같습니다. 상태 foo의 초기 페이지 로드: 각도 라이프 사이클 단계 1 UI 라우터의 라이프 사이클 순서1 UI 라우터의 라이프 사이클이 해결되다 UI 라우터 라이프 사이클 on Enter fures 각도 라이프 사이클 스텝 ..

IT 2023.03.14

각도(OR 연산)에서 여러 값을 필터링하는 방법JS

각도(OR 연산)에서 여러 값을 필터링하는 방법JS 사용하고 싶다filterangular에서 여러 값을 필터링하려면 두 값 중 하나가 있으면 해당 값이 표시되어야 합니다. 예를 들어 다음과 같은 구조를 가지고 있습니다. 오브젝트movie그 성질을 가지고 있다.genres필터링을 하고 싶다Action그리고.Comedy. 할 수 있다는 거 알아filter:({genres: 'Action'} || {genres: 'Comedy'})단, 동적으로 필터링할 경우 수행할 작업입니다.예.filter: variableX 설정 방법variableX에서$scope필터링해야 하는 장르 배열이 있을 때? 스트링으로 만들고 나서eval()하지만 eval()을 사용하고 싶지 않습니다.커스텀 필터를 작성하기만 하면 됩니다.그렇게 ..

IT 2023.03.14

AngularJS: 폼이 유효하지 않은 필드를 판별할 수 있는 방법이 있습니까?

AngularJS: 폼이 유효하지 않은 필드를 판별할 수 있는 방법이 있습니까? Angular에 다음 코드가 있습니다.ng-submit 함수에서 호출되는 컨트롤러 내부의 JS 어플리케이션.이 함수는 ng-submit 함수로 이름을 가진 폼에 속합니다.profileForm: $scope.updateProfile = function() { if($scope.profileForm.$invalid) { //error handling.. } //etc. }; 이 함수의 내부에서 폼 전체를 무효로 하고 있는 필드를 특정할 수 있는 방법이 있습니까?각 입력name의 유효성 검사 정보가 의 속성으로 공개됩니다.form의 이름scope. HTML JS $scope.someForm.username.$valid // > f..

IT 2023.03.14

ng-change는 새로운 가치와 원래 가치를 가져옵니다.

ng-change는 새로운 가치와 원래 가치를 가져옵니다. 풀다운에서 값을 선택하기 위해 ng-options를 사용하고 있습니다.오래된 값과 새로운 값을 비교할 수 있으면 좋겠습니다.ng-change는 풀다운의 새로운 값을 얻는 데 효과적입니다만, 어떻게 하면 새로운 값과 원래 값을 모두 얻을 수 있을까요? 예를 들어 컨트롤러에 "이전 user.name은 BILL, 현재 사용자 이름은 FILIPE"라고 기록하도록 하겠습니다.angular {{ngion}}을 사용하면 오래된 사용자 또는 user.id 값을 리터럴 문자열로 ng-change 속성에 추가할 수 있습니다. ngChange에서는 updateValue에 대한 첫 번째 인수는 새로운 사용자 값이 되고 두 번째 인수는 select-tag가 angula..

IT 2023.03.14

Angular에서 HTML로 모듈의 상수에 직접 액세스하는 방법JS

Angular에서 HTML로 모듈의 상수에 직접 액세스하는 방법JS 몇 개의 상수를 html로 직접 사용하고 싶다(컨트롤러에서는 몇 번). 예를 들어, 이것은 메인 앱 모듈입니다. angular.module('website', []) .constant('ROUTES', (function () { return { SIGN_IN: '/sign/in' } })()) .config([..., 'ROUTES', function(..., ROUTES { $routeProvider.when(ROUTES.SIGN_IN, {templateUrl: 'pages/sign_in.html', controller: 'SignInController'}); }]); 컨트롤러의 상수를 사용하는 방법은 명확합니다. 하지만 어떻게 하면 ..

IT 2023.03.09

각도에서 jQuery 플러그인을 통합하는 올바른 방법JS

각도에서 jQuery 플러그인을 통합하는 올바른 방법JS jQuery 플러그인을 각진 앱에 통합하는 올바른 방법이 무엇인지 궁금했습니다.튜토리얼과 스크린캐스트를 몇 개 찾았지만 특정 플러그인에 맞는 것 같습니다. 예: http://amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/ http://www.youtube.com/watch?v=8ozyXwLzFYs 이런 지시문을 만들까요? App.directive('directiveName', function() { return { restrict: 'A', link: function(scope, element, attrs) { $(element).'plugin..

IT 2023.03.09

Angular 속도를 높이는 방법JS 어플리케이션?

Angular 속도를 높이는 방법JS 어플리케이션? 나는 Angular를 가지고 있다.페이지 그리드가 있는 JS 앱(2개의 중첩 ng-repeat).한 페이지에는 약 25x40의 입력 요소가 있습니다.1000개의 바인딩을 만든 초기에는 페이징 퍼포먼스가 양호했습니다. 하지만 페이지가 복잡해지면 동적 클래스, 다양한 컨텍스트 메뉴, 그리드의 각 셀에 대한 조건부 컨텐츠가 증가합니다.또한 약 6000개의 바인딩(입력 요소당 6개)으로 인해 페이징을 사용할 수 없게 되었습니다. 질문입니다. 일반적으로 AngularJS의 성능 문제에 어떻게 접근해야 합니까?명백한 첫 단계는 측정하는 것이다.하지만 Chrome Profiler의 결과를 보면 어떻게 진행해야 하는지 전혀 알 수 없습니다. Self Total Fun..

IT 2023.02.27

::: 의 각도란JS

::: 의 각도란JS 다음과 같은 구문을 본 적이 있습니다. some other thing 그 이중결장은 뭐 하는 거야?떼어내면 어떻게 됩니까?::는 원타임바인딩에 사용됩니다.식이 안정되면(즉, 첫 번째 다이제스트 후) 재계산이 중지됩니다. 그래서 갱신된 것은something는 표시되지 않습니다.컨트롤러에서 보기 전용으로 모델을 바인딩하는 데 사용됩니다.뷰에서 변경해도 컨트롤러 모델은 갱신되지 않습니다.그것은 하나의 시간 구속력을 얻기 위해 사용된다는 것을 의미합니다. 예 angular.module("myApp", []).controller('ctrl', ['$scope', function($scope) { $scope.label = 'Some text'; }]); {{::label}} // this w..

IT 2023.02.27
반응형