草庐IT

容器指令

全部标签

javascript - Redux 展示组件与容器组件

我是使用redux进行React开发的初学者。我想知道什么是展示组件和容器组件。如何将组件分类为Presentational或Container?这两者有什么区别?以这种方式对组件进行分类有什么好处? 最佳答案 如果将组件分为两类,您会发现组件更易于重用和推理。我称它们为容器和展示组件。我假设你了解redux架构容器组件了解redux订阅redux状态分发到reduxAction由react-redux生成关注事物的运作方式演示组件不知道redux从Prop中读取数据调用props的回调由开发者编写关注事物的外观对组件进行分类的好处

javascript - AngularJS 指令在单击时添加类,但如果单击则将其删除并添加到另一个元素

我有一个简单的指令,用于在单击时添加一个类,并在再次单击时将其从元素中删除。但是我想重构它以便在通用菜单中更常见地使用它。相反,如果单击不是当前事件元素的元素,它应该将其从当前元素中删除并将其放置在新元素上。基本上我想向添加一个“事件”类当前事件的元素。在我的菜单中我有:StillGotGameTnTSeldonHitManCommunity.directive('swapit',function(){return{restrict:'A',link:function(scope,elem){varcurrentState=true;elem.on('click',function()

javascript - 通过 React.js 将 vis.js 网络渲染到容器中

如何将vis.js网络渲染到具体的html容器中?我尝试了以下方法,但它不起作用:{newvis.Network("network",data,options)}或者我应该用下面的方式渲染它吗?ReactDOM.render(,document.getElementById('app'));ReactDOM.render(,document.getElementById('network'));虽然元素“app”和“network”位于包装器html容器中。我希望有一个将vis.js网络渲染到根文档中的解决方案:ReactDOM.render(,document.getElementB

javascript - angularjs 可拖动指令

我正在实现图像可拖动指令。我的代码在http://plnkr.co/edit/MXnOu6HM1XmMEzot7dn3基本上它主要由一个基本的可移动指令组成appModule.directive('movable',function($document){return{restrict:'A',require:'ngModel',link:functionpostLink(scope,element,attrs){varstartX=0,startY=0,x=0,y=0;element.css({position:'absolute'});functionbindElementMove

javascript - 'v-bind' 指令需要一个属性值

我正在尝试使用vue.js创建某种类型的树,但遇到了元素Prop的问题。请帮帮我。我试过:content="{{tempCont}}"我试过content="{{tempCont}}",但都没有成功了。这是我使用tree元素的地方:这是整个树元素:{{title}}exportdefault{data:{childVisibility:false},methods:{openTree:function(){childVisibility=!childVisibility;}},props:{title:String,content:Array,}}我收到此错误:

javascript - 在指令模板中时,如何使 Angular ui-router ui-sref 工作?

基本上,我正在尝试更改/自定义ui.bootstrap.accordion的行为。一切正常,除了与ui-router的集成。这是我想要使用Accordion的方式:News1ThisisNews2HomeNews'sNews3Previewandnavigation下面是Accordion修改后的模板:{{heading}}基本上,'site.home.newsID_X'需要替换模板中ui-sref的'site'值。我的尝试是通过accordionGroup指令的链接函数中的“元素”参数设置ui-sref属性的值,如下所示:link:function(scope,element,att

javascript - 如果我将一个元素从一个容器移动到另一个容器,是否存在范围问题?

考虑到您有这种情况:元素.componentB有一个名为move-to的指令,它只是简单地移动该元素的内容,使用jQuery子通配符选择器(如varcontents=$('.componentB').find('>*');),当这些断点中的任何一个在breakpoints指令上定义时(这些数字是索引一个阵列,保持断点测量)当前正在发生。当该指令的某个断点处于事件状态时,DOM将更改为:这是我正在处理的一个网站的静态版本中使用的一种响应机制。我需要知道范围继承、事件广播、状态Controller是否存在缺陷,它们与div.main相关,而div.main本身就是div.auxiliary

javascript - 已知的 JavaScript 指令

ECMAScript规范定义了UseStrictDirective,但允许实现定义自己的指令。来自here:ImplementationsmaydefineimplementationspecificmeaningsforExpressionStatementproductionswhicharenotaUseStrictDirectiveandwhichoccurinaDirectivePrologue.什么是已知的特定于实现的指令?在Google上快速搜索一下,除了usestrict什么也没有。我能想到useasm和usestrong.还有其他的在用吗?

javascript - 降级 angular 2 指令或至少能够在 angular js 中使用它

我试图在angularjs中使用我的ng2指令,但无法让它工作。我已经看到downgradeComponent使用restric:'E'作为angularjs指令,这意味着它仅限于元素。任何人都知道如何处理这个问题?我试过在angularjs中简单地使用我的指令,但它没有用。我正在使用UpgradeModule进行混合引导。这是我的指令。@Directive({selector:'[test-directive]'})exportclassTestDirectiveimplementsOnInit{@Input("test-directive")testDirective:string

javascript - 需要将字符串拆分为字符并与容器对齐

产地结果我想把一个字符串拆分成一个字符,并且让每个字符都平等地适合容器,这是我暂时的工作:http://jsfiddle.net/d5fu9/第一项必须附加到左侧,最后一项必须附加到右侧。$.fn.textjustify=function(){returnthis.each(function(){vartext=$(this).text(),containerWidth=$(this).width(),character='',string='',singleWidth=0,firstItemWidth=0,lastItemWidth=0,alignWidth=0;if(''!==te