在指令的ngOnInit方法中,使用Renderer2的addClass方法来添加class。例如,添加名为my-class的class: 在需要添加带有class的元素上使用指令。例如,在HTML模板中的一个元素上添加myDirective指令: 在需要添加带有class的元素上使用指令。例如,在HTML模板中的一个元素上添加myDirective指令: ...
编译函数(compile function) - 编译函数在directive中是比较少见的,因为大多数directive只关心与指定的DOM元素工作,而不是改变DOM元素的模版(DOM自身以及内部的结构)。为了优化性能,一些可以被directive实例共享的操作,可以移动到compile函数中。 连接函数(link function) - 极少directive是没有link function的。link functi...
app.directive('apple',function(){return{//默认为属性,非元素节点或者classrequire: 'food', link:function(scope,element,attrs,foodCtrl){ foodCtrl.addApple() } } }) app.directive('orange',function(){return{ require:'food', link:function(scope,element,attrs,foodCtrl){ foodCtrl.addOrange() }...
directive('myDir', function () { return { transclude: true, replace: true, template: '' link: function (scope, element, attrs, ctrls, transcludeFn) { var childNodes = transcludeFn(scope); childNodes.addClass('my-child-nodes'); element.append(childNodes); } } }); /** before <my-di...
.directive("add",function(){ return{ restrict:'ECMA', controller:function($scope){ $scope.count=0; this.addCount=function(){ $scope.$apply(function(){ $scope.count++; }) } } } }) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.
另外两种的话就很好分了，不出意外的话 restrict: 'E' 就是 Component Directive，restrict: 'A' 就...
另外两种的话就很好分了，不出意外的话 restrict: 'E' 就是 Component Directive，restrict: 'A' 就...
exportclassMydirctiveDirective{ constructor(element:ElementRef,@Attribute('store-mydirective-class')bgClass:string) { // 将宿主元素的背景类追加bg-info element.nativeElement.classList.add(bgClass||'bg-info'); } } 1. 2. 3. 4. 5.
The value of the ng-class directive can be a string, an object, or an array.If it is a string, it should contain one or more, space-separated class names.As an object, it should contain key-value pairs, where the key is the class name of the class you want to add, and the ...
| [](https://github.com/angular/angular/commit/6623810e4d3347edaccbbb214fa883ab6a669936) | Produce diagnositc if directive used in host binding is not exported (#49527) | ...