«angularjs-directive» etiketlenmiş sorular

Aşağıdaki kodda neden herhangi bir etkisi var replace=trueveya replace=falseyok? Replace = false olduğunda "bazı mevcut içerikler" neden görüntülenmiyor? Ya da daha alçakgönüllü bir ifadeyle replace=true/falsedirektiflerdeki özelliğin ne olduğunu ve nasıl kullanılacağını nazikçe açıklayabilir misiniz ? Misal JS / Açısal: <script> angular.module('scopes', []) .controller('Ctrl', function($scope) { $scope.title = "hello"; }) .directive('myDir', …

92 angularjs  angularjs-directive 

AngularJS'de, kullanıcının girdiye eklediği harfleri kaldıracak özel bir işlevi tetiklemek için ngChange kullanıyorum. <input type="text" name="inputName" data-ng-change="numbersOnly()"/> Sorun şu ki numbersOnly(), girilen harfleri kaldırabilmem için tetiklenen girişi hedeflemem gerekiyor . Google'da uzun uzun aradım ve bununla ilgili hiçbir şey bulamadım. Ne yapabilirim?

92 javascript  angularjs  angularjs-directive 

Bu, ana şablonun denetleyicisidir: app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); Yönerge şu şekildedir: app.directive('wdaWebsitesOverview', function() { return { restrict: 'E', scope: { heading: '=', websites: '=', editWebsite: '&' }, templateUrl: 'views/websites-overview.html' } }); Yönerge, …

92 javascript  angularjs  angularjs-directive  angularjs-scope 

Bir istek meşgul olduğunda bir düğmedeki yükleme göstergesini göstermeye veya gizlemeye çalışıyorum. Bunu, bir istek yüklenirken veya yükleme işlemi tamamlandığında $ kapsam.loading değişkenini değiştirerek açısal olarak yaparım. $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ $timeout(function() { $scope.loading = false; }, 0); }); }; Ön uçta: …

87 angularjs  angularjs-directive  ionic-framework 

Angular 2'de, bir girdi alanını (metin kutusu) alfabetik karakterleri değil sadece sayıları kabul edecek şekilde nasıl maskeleyebilirim? Aşağıdaki HTML girdisine sahibim: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> Yukarıdaki girdi, basit bir metin alanı olarak veya örneğin yılı göstermek için sayısal bir alan olarak kullanılabilen genel bir metin …

87 html  angular  input  angularjs-directive 

Biri bana bir yönergeden bir denetleyiciyi başka bir angularJS yönergesine nasıl dahil edeceğimi söyleyebilir mi? örneğin şu koda sahibim 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Özel bir angularjs yönergesi kullanarak bir onay iletişim kutusu kurmaya çalışıyorum : 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 

Onay kutusu yanlışsa, ng-gerekli yönergeyi kullanarak bir metin girişi üzerinde doğrulamayı zorunlu kılan bir formum var. Onay kutusu doğruysa, alan gizlidir ve ng-gerekli değeri yanlış olarak ayarlanmıştır. Sorun şu ki, girdide belirtilen doğrulama için bir regex'in yanı sıra ng-örüntü açısal yönergesini de kullanıyorum. Karşılaştığım sorun şu ki, bir kullanıcı geçersiz …

84 angularjs  angularjs-directive  angularjs-ng-change 

İzolasyon kapsamı ile yönergenin şablonu denetleyiciye ('Ctrl') $ rootScope değişkenine erişemiyor gibi görünüyor, ancak bu değişken, yönergenin denetleyicisinde görünüyor. Denetleyici ('Ctrl') $ kapsam değişkeninin yalıtım kapsamında neden görünmediğini anlıyorum. 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: angular.module('app', []) .controller('Ctrl', function Ctrl1($scope, $rootScope) …

81 javascript  angularjs  angularjs-directive 

Bu belgede: http://docs.angularjs.org/guide/directive , replaceyönergeler için bir yapılandırma olduğunu söylüyor : şablon - mevcut öğeyi HTML içeriğiyle değiştirin. Değiştirme işlemi, tüm öznitelikleri / sınıfları eski öğeden yenisine taşır. Daha fazla bilgi için aşağıdaki Bileşen Oluşturma bölümüne bakın. javascript kodu app.directive('myd1', function(){ return { template: '<span>directive template1</span>', replace: true } }); …

81 angularjs  angularjs-directive 

AngularJS'de yalıtılmış kapsamı birim test etmenin iyi bir yolu nedir? JSFiddle gösteren birim testi Yönerge pasajı 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); }); } Ben değişiklikler için dinliyor yönergesini …

81 javascript  unit-testing  angularjs  jasmine  angularjs-directive