草庐IT

ACC指令

全部标签

html - 在 angular2 中构建包装器指令(包装一些内容/组件)

我是Angular2的新建筑指令。我想要的是创建一个弹出指令,它将用一些css类包装内容。内容内容可以是纯文本和标题,例如:HeaderContenttobeplacedhere.然后我想给它一个指令属性,比如:popupHeaderContenttobeplacedhere.指令应该做的是将div包装在里面,比方说:HeaderContenttobeplacedhere.到目前为止我描述的情况是属性还是结构指令。import{Directive,ElementRef,HostListener,Input}from'@angular/core';@Directive({selector

html - 在 angular2 中构建包装器指令(包装一些内容/组件)

我是Angular2的新建筑指令。我想要的是创建一个弹出指令,它将用一些css类包装内容。内容内容可以是纯文本和标题,例如:HeaderContenttobeplacedhere.然后我想给它一个指令属性,比如:popupHeaderContenttobeplacedhere.指令应该做的是将div包装在里面,比方说:HeaderContenttobeplacedhere.到目前为止我描述的情况是属性还是结构指令。import{Directive,ElementRef,HostListener,Input}from'@angular/core';@Directive({selector

javascript - 用于附加侧边栏的 Angular 指令

我正在尝试根据我的主要内容添加侧边栏。我在这里尝试过指令。虽然我成功地使用了顶部词缀,即向下滚动时它可以工作并坚持到顶部,但它无法滚动以防我的侧边栏内容更长。我想将其固定在顶部并根据主要内容将其移动为可滚动。但如果它的内容比屏幕多,它也应该向下滚动并同时固定在底部。Mysidebarcontenthere.directive('sidebarAffix',function($window){return{restrict:'EA',link:function(scope,element,attrs){varoriginOffsetTop=element[0].offsetTop;sco

javascript - 用于附加侧边栏的 Angular 指令

我正在尝试根据我的主要内容添加侧边栏。我在这里尝试过指令。虽然我成功地使用了顶部词缀,即向下滚动时它可以工作并坚持到顶部,但它无法滚动以防我的侧边栏内容更长。我想将其固定在顶部并根据主要内容将其移动为可滚动。但如果它的内容比屏幕多,它也应该向下滚动并同时固定在底部。Mysidebarcontenthere.directive('sidebarAffix',function($window){return{restrict:'EA',link:function(scope,element,attrs){varoriginOffsetTop=element[0].offsetTop;sco

javascript - 从指令包装源元素的更好方法?

我正在编写一个指令(使用AngularJS1.2.0-rc2,如果这很重要)添加一个“清除”按钮(想想浏览器为元素添加的“x”按钮)到。由于“清除”按钮是从指令中注入(inject)的并且是绝对定位的,所以我想在具有的包装元素中同时包含现有的position:relative和新添加的“清除”按钮,以确保正确定位“清除”按钮。声明的HTML如下所示:我目前的指令:angular.module('myApp',[]).directive('search',function(){varclear=angular.element('×'),wrapper=angular.elem

javascript - 从指令包装源元素的更好方法?

我正在编写一个指令(使用AngularJS1.2.0-rc2,如果这很重要)添加一个“清除”按钮(想想浏览器为元素添加的“x”按钮)到。由于“清除”按钮是从指令中注入(inject)的并且是绝对定位的,所以我想在具有的包装元素中同时包含现有的position:relative和新添加的“清除”按钮,以确保正确定位“清除”按钮。声明的HTML如下所示:我目前的指令:angular.module('myApp',[]).directive('search',function(){varclear=angular.element('×'),wrapper=angular.elem

javascript - 为什么ng-class在 Angular Directive(指令)中被多次调用?

这个问题在这里已经有了答案:HowdoesdatabindingworkinAngularJS?(14个答案)关闭8年前。我不知道为什么要调用几次。angular.module('HelloApp',[]).directive('testDirective',function(){return{restrict:'E',replacement:true,template:'TestDirective',link:function(scope,element,attrs){console.log('link');varcnt=0;scope.test=function(){cnt+=1;

javascript - 为什么ng-class在 Angular Directive(指令)中被多次调用?

这个问题在这里已经有了答案:HowdoesdatabindingworkinAngularJS?(14个答案)关闭8年前。我不知道为什么要调用几次。angular.module('HelloApp',[]).directive('testDirective',function(){return{restrict:'E',replacement:true,template:'TestDirective',link:function(scope,element,attrs){console.log('link');varcnt=0;scope.test=function(){cnt+=1;

javascript - 在 AngularJS 中使用指令的多个子 HTML 元素问题

我正在使用一个模板来创建一个弹出菜单,如果有新菜单,它会显示警报并且它一直有效。但我想添加手动警报,这就是为什么我想添加一个输入文本,但天哪,我不能在输入字段上写,我什至不知道为什么。输入字段有点禁用!!!我的指令是这样的:$scope.tb={x:0,y:0};module.directive('myDraggable',function($document,$interval){return{restrict:'EA',replace:true,//scope:true,scope:{menu:'=drSrc'},link:function(scope,element,attr){

javascript - 在 AngularJS 中使用指令的多个子 HTML 元素问题

我正在使用一个模板来创建一个弹出菜单,如果有新菜单,它会显示警报并且它一直有效。但我想添加手动警报,这就是为什么我想添加一个输入文本,但天哪,我不能在输入字段上写,我什至不知道为什么。输入字段有点禁用!!!我的指令是这样的:$scope.tb={x:0,y:0};module.directive('myDraggable',function($document,$interval){return{restrict:'EA',replace:true,//scope:true,scope:{menu:'=drSrc'},link:function(scope,element,attr){