topblog

추가 문자 입력 금지 이 각도 지시어를 사용하여 입력할 전화 번호 형식을 지정합니다.(999) 999-9999. 이것은 사용자가 실수를 해서 입력한 전화번호를 수정할 때까지 잘 작동합니다. 아래 코드를 실행하고 다음을 수행하여 이 문제를 복제할 수 있습니다. • 전화번호를입력하세요(555) 123-4567 • 커서를 다음에 놓습니다.4문자를 입력하고 삭제합니다. • 입력하기0두번이라. 당신은 알 수 있습니다.0두번 더 추가되고 그리고.7문자가 삭제되었습니다. 또 다른 문제는 사용자가 삭제 및 변경을 시도하는 경우입니다.1성격.커서가 입력의 맨 끝까지 밀려옵니다. 전화번호 필터 문제 때문일 텐데 어떻게 접근해야 할지 모르겠어요. function MyCntl($scope) { $scope.myModel = ..

angularjs ng-minlength validation is not working, form still being submitted I am trying to submit the form on only successful validation. validation is working for required but not working for ng-minlength form input is invalid but form is still being submitted. Mobile Required Mobile number should be minimum 11 character starting from 07 count: {{count}} myForm.$invalid = {{myForm.$invalid}} h..

재스민:돌연변이 관찰자를 조롱하는 방법? angularjs 성분이 있는데, HTML 템플릿 ... JS var myController = function() { var ctrl=this; ctrl.$onchanges = function() { } var source = $("#viewport"); var target = $("#panel"); var observer = new MutationObserver(function() { target.toggleClass("hide-div", source.hasClass("hide-div")); }); observer.observe($("#viewport")[0], {attributes: true}); } var config = { controller: [myCo..

Angular를 안전하게 청소하는 방법지시문의 JS 이벤트 바인딩 요소의 높이를 브라우저 창의 안쪽 높이(+/- 주어진 오프셋)와 동일하게 설정하는 Angular 지시문이 있습니다.이 지침은 윈도우의 "크기 조정" 이벤트에 응답하고 그에 따라 윈도우의 높이를 조정합니다.지시문의 범위가 '$destory' 이벤트를 발생시키면 'resize' 이벤트에 대한 구속력을 제거합니다(제대로 두면 문제가 생길 것 같아요, 틀리면 수정해주세요). 저는 이 이벤트 분리를 어떻게 "안전한" 방법으로 할 수 있는지 모릅니다.앱 전체에 이 지침의 인스턴스가 여러 개 있고 '크기 조정' 이벤트에 첨부된 다른 지침이 있으면 어떻게 합니까? JQuery는 이벤트 네임스페이스라는 개념을 가지고 있어 좋은 솔루션처럼 보이지만 Angu..

.success and .error로 Angularjs에서 $q 약속을 확장하려면 어떻게 해야 합니까? 제가 이 작은 코드를 Angular에 있는 커스텀 서비스에서 작성했습니다.JS. 내가 할 일은: var deferred = $q.defer(); var promise = deferred.promise; deferred.resolve('success'); deferred.reject('error'); /* Handle success and error */ promise.success = function(fn) { promise.then(function(response) { fn(response); }); return promise; }; promise.error = function(fn) { promis..

AngularJsngIf로 인해 지시문 내부의 요소를 찾을 수 없습니다. 나는 각진 것이 있습니다.하는 JS를 ngIf의 다 .ngIf명령 링크 함수에서.스럽게도인 것 .ngIf링크 함수에서 DOM 요소를 찾을 수 없습니다. 다음은 지침에 대한 코드입니다. directive('column', function () { return { templateUrl: 'views/column.html', restrict: 'E', scope: { column: '=' }, controller: ['$scope', function ($scope) { $scope.editing = true; $scope.toggleEditing = function () { $scope.editing = !$scope.editing; }..

angularjsng-disabled가 버튼에 비활성화를 추가하지 않음 사용자가 선택 상자에서 특정 값을 선택할 경우 사용 안 함으로 설정할 입력 버튼이 있습니다. 메뉴 선택: Current Former Never worked there 입력 버튼: 이제 소스를 볼 때 옵션을 선택할 때2, 입력 버튼 요소가 값에서 바뀝니다.ng-disabled="false"로.ng-disabled="true"비활성화된 속성은 버튼에 적용되지 않습니다. 내가 여기서 뭘 잘못하고 있는 거지?사용합니다. 앵귤러 닥 ngDisabled 수식을 요소에 바인딩하기 위한 표기법 {{}}: 기본 제공 Angular 마크업을 의미합니다. 용도: 대신: ng-show / ng-hide / ng-if와 동일하게 {{}}개가 아닌 모델 표현..

AngularJS: 데이터가 로드될 때까지 HTML 로드 표시 어떻게 각도를 가지나요?JS는 데이터 로딩이 완료될 때까지 로딩 스피너를 보여줍니다. 컨트롤러에 다음이 있는 경우$scope.items = [{name: "One"}]정적으로 설정하고 채워지는 AJAX 로더$scope.items[0]['lateLoader'] = "Hello", 스피너가 AJAX 로드가 완료될 때까지 보여주고 검색된 데이터로 바운드 스팬을 채웠으면 합니다. Always present: {{item.name}} Loads later: 이 코드는 바운드 스팬을 즉시 채웁니다.item.lateLoader스피너가 아무것도 아닌 채로 교체된 것이 비어 있습니다. 이걸 어떻게 깨끗하게 해야 할까요?다른 답변에 따라 사용자 지정 지침을 만..

AngularJS에서 컨트롤러 간에 통신하는 올바른 방법은 무엇입니까? 컨트롤러 간의 올바른 통신 방법은 무엇입니까? 저는 현재 끔찍한 속임수를 쓰고 있습니다.window: function StockSubgroupCtrl($scope, $http) { $scope.subgroups = []; $scope.handleSubgroupsLoaded = function(data, status) { $scope.subgroups = data; } $scope.fetch = function(prod_grp) { $http.get('/api/stock/groups/' + prod_grp + '/subgroups/').success($scope.handleSubgroupsLoaded); } window.fetchSto..

AngularJS : jQuery로 변경 시 ng-model 바인딩이 업데이트되지 않음 이것은 나의 HTML 입니다. 박스에 입력하면 쌍방향 바인딩 메커니즘으로 모델이 업데이트됩니다.달콤해. 근데 JQuery를 통해서 하면... $('#selectedDueDate').val(dateText); 모델 업데이트는 안 돼요. 왜요?앵글은 그 변화를 몰라이 건에 대해서는, 전화 주셔야 합니다.$scope.$digest()또는 내부 변경을 실시합니다.$scope.$apply(): $scope.$apply(function() { // every changes goes here $('#selectedDueDate').val(dateText); }); 더티 체크를 더 잘 이해하려면 여기를 참조하십시오. 업데이트: 다음..