Запитання з тегом «angularjs-directive»

Я використовую ngChange в AngularJS, щоб запустити спеціальну функцію, яка видалить будь-які літери, які користувач додає до вводу. <input type="text" name="inputName" data-ng-change="numbersOnly()"/> Проблема полягає в тому, що мені потрібно націлити вхід, який спрацював, numbersOnly()щоб я міг видалити введені літери. Я довго і наполегливо дивився на Google і не міг знайти …

92 javascript  angularjs  angularjs-directive 

Чому код replace=trueчи replace=falseне впливає на код нижче? Чому "деякий наявний вміст" не відображається, коли replace = false? Або, висловлюючи це більш покірно, чи можете ви люб’язно пояснити, що є replace=true/falseфункцією в директивах і як її використовувати? Приклад JS / кутовий: <script> angular.module('scopes', []) .controller('Ctrl', function($scope) { $scope.title = "hello"; …

91 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' } }); Ось …

90 javascript  angularjs  angularjs-directive  angularjs-scope 

Я намагаюся показати або приховати індикатор завантаження на кнопці, коли запит зайнятий. Я роблю це з angular, змінюючи змінну $ scope.loading, коли запит завантажується або коли завантаження закінчується. $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ $timeout(function() { $scope.loading = false; }, 0); }); }; У …

87 angularjs  angularjs-directive  ionic-framework 

Хтось може сказати мені, як включити контролер з однієї директиви в іншу директиву 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', …

86 javascript  angularjs  angularjs-directive 

У Angular 2, як я можу замаскувати поле введення (текстове поле) таким чином, щоб воно приймало лише цифри, а не алфавітні символи? У мене є такий вхід HTML: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> Вищевказане введення є загальним текстовим введенням, яке може бути використано або як просте …

86 html  angular  input  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 

У мене є форма, яка, якщо прапорець встановлений як false, примушує перевірку на введенні тексту за допомогою директиви ng-required. Якщо прапорець істинний, поле приховується, а ng-required встановлюється як false. Проблема полягає в тому, що у мене також є регулярний вираз для перевірки, вказаний на вході, а також використовуючи директиву ng-pattern …

84 angularjs  angularjs-directive  angularjs-ng-change 

Зі сферою ізоляції шаблон директиви, здається, не може отримати доступ до змінної $ rootScope контролера ('Ctrl'), яка, однак, відображається в контролері директиви. Я розумію, чому змінну $ scope контролера ('Ctrl') не видно в області ізоляції. 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> JavaScript: …

81 javascript  angularjs  angularjs-directive 

У цьому документі: http://docs.angularjs.org/guide/directive сказано, що існує replaceконфігурація для директив: шаблон - замінити поточний елемент вмістом HTML. Процес заміни переміщує всі атрибути / класи зі старого елемента на новий. Для отримання додаткової інформації див. Розділ Створення компонентів нижче. код JavaScript 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який має дочірню гру компонентів з прив'язкою до гри. Якщо в ігровій складовій є гра змін, як …

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

У мене проблеми з розробкою, як змусити клас змінитись за вкладеною директивою. Це зовнішнє ng-повторення <div data-courseoverview data-ng-repeat="course in courses | orderBy:sortOrder | filter:search" data-ng-controller ="CourseItemController" data-ng-class="{ selected: isSelected }"> Нижче наведено внутрішній ng-repeat, який використовує іншу директиву <li data-ng-repeat="item in social" class="social-{{item.name}}" ng-mouseover="hoverItem(true);" ng-mouseout="hoverItem(false);" index="{{$index}}"><i class="{{item.icon}}" box="course-{{$index}}"></i></li> Ось директива, …

77 angularjs  angularjs-directive 

Я намагаюся застосувати фонове зображення до div, використовуючи angular ng-style(раніше я пробував власну директиву з такою ж поведінкою), але, схоже, це не працює. <nav class="navigation-grid-container" data-ng-class="{ bigger: isNavActive == true }" data-ng-controller="NavigationCtrl" data-ng-mouseenter="isNavActive = true; $parent.isNavActive = true" data-ng-mouseleave="isNavActive = false; $parent.isNavActive = false" data-ng-show="$parent.navInvisible == false" data-ng-animate="'fade'" ng-cloak> <ul …

76 javascript  angularjs  angularjs-directive  angularjs-ng-repeat  ng-style 

Ця спеціальна директива про перевірку є прикладом, представленим на офіційному веб-сайті. http://docs.angularjs.org/guide/forms Перевіряє, чи вводиться текст у цифровому форматі чи ні. var INTEGER_REGEXP = /^\-?\d*$/; app.directive('integer', function() { return { require: 'ngModel', link: function(scope, elm, attrs, ctrl) { ctrl.$parsers.unshift(function(viewValue) { if (INTEGER_REGEXP.test(viewValue)) { // it is valid ctrl.$setValidity('integer', true); return …

76 unit-testing  angularjs  angularjs-directive