«angularjs-directive» 태그된 질문

AngularJS에서 ngChange를 사용하여 사용자가 입력에 추가하는 모든 문자를 제거하는 사용자 지정 함수를 트리거합니다. <input type="text" name="inputName" data-ng-change="numbersOnly()"/> 문제는 입력 numbersOnly()된 문자를 제거 할 수 있도록 트리거 된 입력을 대상으로해야 한다는 것입니다. 나는 Google에서 길고 열심히 보았고 이것에 대해 아무것도 찾을 수 없었습니다. 어떡해?

92 javascript  angularjs  angularjs-directive 

다음은 기본 템플릿의 컨트롤러입니다. app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); 이것은 지시문입니다 : app.directive('wdaWebsitesOverview', function() { return { restrict: 'E', scope: { heading: '=', websites: '=', editWebsite: '&' }, templateUrl: 'views/websites-overview.html' } }); 다음은 …

92 javascript  angularjs  angularjs-directive  angularjs-scope 

이유는 무엇입니까 replace=true또는 replace=false아래의 코드에 영향을주지? replace = false 일 때 "일부 기존 컨텐츠"가 표시되지 않는 이유는 무엇입니까? 아니면 좀 더 겸손하게 말하면 replace=true/false지시문 의 기능과 사용 방법을 친절하게 설명해 주 시겠습니까? 예 JS / Angular : <script> angular.module('scopes', []) .controller('Ctrl', function($scope) { $scope.title = "hello"; }) .directive('myDir', function() { …

91 angularjs  angularjs-directive 

요청이 바쁠 때 버튼에 로딩 표시기를 표시하거나 숨기려고합니다. 요청이로드되거나로드가 완료 될 때 $ scope.loading 변수를 변경하여 각도로이를 수행합니다. $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ $timeout(function() { $scope.loading = false; }, 0); }); }; 프런트 엔드에서 : <button ng-disabled="loading" class="button button-outline button-positive" type="submit"> Log in …

87 angularjs  angularjs-directive  ionic-framework 

Angular 2에서 알파벳 문자가 아닌 숫자 만 받아들이도록 입력 필드 (텍스트 상자)를 마스크하려면 어떻게해야합니까? 다음 HTML 입력이 있습니다. <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> 위의 입력은 단순 텍스트 필드 또는 숫자 필드 (예 : 연도 표시)로 사용할 수있는 일반 텍스트 입력입니다. Angular 2를 사용하여 동일한 입력 컨트롤을 …

87 html  angular  input  angularjs-directive 

누구든지 한 지시문의 컨트롤러를 다른 angularJS 지시문에 포함하는 방법을 알려줄 수 있습니까? 예를 들어 다음 코드가 있습니다. var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId', { controller: 'ProductController', templateUrl: '/js/partials/product.html' }); }]); app.directive('mainCtrl', function () { …

86 javascript  angularjs  angularjs-directive 

ng-click사용자 지정 angularjs 지시문을 사용하여 확인 대화 상자를 설정하려고합니다 . app.directive('ngConfirmClick', [ function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; element.bind('click',function (event) { if ( window.confirm(msg) ) { scope.$eval(clickAction) } }); } }; …

85 javascript  angularjs  angularjs-directive  angularjs-scope 

확인란이 거짓이면 ng-required 지시문을 사용하여 텍스트 입력에 대한 유효성 검사를 시행하는 양식이 있습니다. 확인란이 true이면 필드가 숨겨지고 ng-required가 false로 설정됩니다. 문제는 또한 ng-pattern 각도 지시문을 활용하여 입력에 지정된 유효성 검사를위한 정규식이 있다는 것입니다. 내가 겪고있는 문제는 사용자가 잘못된 전화 번호를 입력하고 해당 입력을 비활성화하는 확인란을 선택하면 (결과적으로 추가 유효성 검사가 …

84 angularjs  angularjs-directive  angularjs-ng-change 

격리 범위를 사용하면 지시문의 템플릿이 제어기 ( 'Ctrl') $ rootScope 변수에 액세스 할 수없는 것처럼 보이지만 지시문의 제어기에는 나타납니다. 컨트롤러 ( 'Ctrl') $ scope 변수가 격리 범위에 표시되지 않는 이유를 이해합니다. HTML : <div ng-app="app"> <div ng-controller="Ctrl"> <my-template></my-template> </div> <script type="text/ng-template" id="my-template.html"> <label ng-click="test(blah)">Click</label> </script> </div> 자바 스크립트 : angular.module('app', …

81 javascript  angularjs  angularjs-directive 

이 문서 : http://docs.angularjs.org/guide/directive 에서 replace지시문에 대한 구성 이 있다고 말합니다 . 템플릿 -현재 요소를 HTML 내용으로 바꿉니다. 교체 프로세스는 모든 속성 / 클래스를 이전 요소에서 새 요소로 마이그레이션합니다. 자세한 내용은 아래의 구성 요소 만들기 섹션을 참조하십시오. 자바 스크립트 코드 app.directive('myd1', function(){ return { template: '<span>directive template1</span>', replace: true } …

81 angularjs  angularjs-directive 

AngularJS에서 격리 된 범위를 단위 테스트하는 좋은 방법은 무엇입니까? 단위 테스트를 보여주는 JSFiddle 지시어 스 니펫 scope: {name: '=myGreet'}, link: function (scope, element, attrs) { //show the initial state greet(element, scope[attrs.myGreet]); //listen for changes in the model scope.$watch(attrs.myGreet, function (name) { greet(element, name); }); } 지시문이 변경 사항을 수신하고 있는지 …

81 javascript  unit-testing  angularjs  jasmine  angularjs-directive 

사용자 지정 지시문을 새로운 구성 요소 아키텍처 로 업그레이드했습니다 . 구성 요소가 감시자를 지원하지 않는다는 것을 읽었습니다. 이 올바른지? 그렇다면 물체의 변화를 어떻게 감지합니까? 기본 예를 들어 myBox게임에 바인딩이있는 자식 구성 요소 게임이있는 사용자 지정 구성 요소 가 있습니다. 게임 구성 요소 내에 변경 게임이있는 경우 myBox에 경고 메시지를 표시하려면 …

78 angularjs  angularjs-directive  angularjs-scope  angularjs-components  angularjs-1.5