草庐IT

布局组件

全部标签

javascript - Angular 1.5 嵌套组件绑定(bind)父值

我是angularjs的新手。我正在尝试angular1.5嵌套组件。我可以在子组件中绑定(bind)父组件属性吗?例如:我可以在com-bind中获取ct.name值。但无法在child-com-bind中获取cbsCusCompCntAs.name。(cbsCusCompCntAs是cbs-cus-compController)工作Plunker:https://plnkr.co/edit/axQwTn?p=preview提前致谢。 最佳答案 在第一种情况下,您是通过controllerAs直接引用Controller作用域。在

javascript - Angular2,从组件内的字符串评估模板

可以从变量中的字符串评估模板吗?我需要将字符串而不是表达式放在组件中,例如template:"{{template_string}}"template_string包含:{{name}}并且所有的都应该评估为MyName但我看到{{template_string}}我需要像{{template_string|eval}}这样的东西或其他东西来评估当前上下文中变量的内容。这可能吗?我需要一些东西来使用这种方法,因为template_string可以在使用组件时更改。Edit1:Angular版本:4.0.3例如@Component({selector:'product-item',tem

javascript - 了解 Marionette for Backbone.js 中的布局

我想我可能对Marionette.Layout的用途存在根本性的误解。我正在尝试这样的事情:布局包括两个Marinotette.ItemView:“Explode”ItemView和“PopStar”ItemView。此布局旨在始终包含这些View,因此我尝试这样做:varTheLayout=Backbone.Marionette.Layout.extend({template:'#the=layout-template',regions:{explode:'#explode-region',popstar:'#popstar-region'}initialize:function(o

javascript - ExtJS - 如何获取组件项值

我有一个组件如下:{xtype:'fieldcontainer',layout:'hbox',id:'article-level-container',defaultType:'textfield',fieldDefaults:{labelAlign:'top'},items:[{fieldLabel:'LEVEL',name:'artLevel',inputWidth:216,margins:'0550',allowBlank:false,fieldStyle:'text-align:right;font-size:13pt;background-color:#EAFFCC;'},{

javascript - 如何查看 Vue.js 组件中的 prop 变化?

我正在将一组图像文件路径传递给一个组件。我想知道如果我传递一个不同的数组,那么在Vue.js组件中观察Prop变化的最佳方式是什么?我正在使用引导轮播,所以想在数组更改时将其重置为第一张图片。为了简单起见,我将代码示例简化为:Vue.component('my-images',{props:['images'],template:`{{index}}-`}); 最佳答案 {{count}}exportdefault{name:'test',props:['count'],watch:{'$props':{handler:functi

javascript - 我们需要使用 javascript 来创建响应式布局吗?

我下载了几个免费的响应式布局(如果你好奇的话,你可以简单地通过谷歌找到它们)并且我看到布局至少有一个或两个javascript文件。问题是:javascript对创建响应式布局必不可少?然后,在对这个问题的回答是“否”时,您还可以链接一个仅使用html和css制作的免费响应式布局,那么,您将收到非常感谢。 最佳答案 响应式布局的全部意义在于它可以(并且应该)仅使用CSS3媒体查询来完成。然而,这通常需要一些巧妙的HTML设计,特别是如果您想要一个滑入式菜单(提示::active与tabindex结合使用时会非常强大,以使原本“惰性”

javascript - Sinon.js - 在实例化组件之前 stub React 组件的功能?

假设我有一个如下所示的组件:varReact=require('react/addons');varExampleComponent=React.createClass({test:function(){returntrue;},render:function(){vartest=this.test();return(Testcomponent-{test});}});module.exports=ExampleComponent;在我的测试中,我可以使用TestUtils渲染这个组件,然后像这样stub方法:varrenderedComponent=TestUtils.renderI

javascript - 如何在Aurelia入门应用(导航应用)中使用JQuery UI组件

我能够按照入门教程中提供的步骤运行Aurelia应用程序。他们在骨架应用程序中使用了引导导航栏。是否可以在Aurelia应用程序中使用JQueryUI组件。如果是,请向我解释如何实现这一点。提前致谢。 最佳答案 是的,这是可能的!我为您制作了一个jQueryUITabs示例:tabs.html${tab.title}${tab.text}如您所见,我只复制了jQueryUITabs组件的样板HTML,并创建了可绑定(bind)属性tabs,它是一个对象数组,如下所示:[{title:"",text:""}].tabs.jsimpor

javascript - 如何在 Vue.js 中添加动态组件/部分

我需要根据用户交互向组件动态添加子组件。我看了一些oldissue但对我来说这似乎是一个肮脏的hack,此外,这是一个老问题,而且vue开发非常活跃,所以我不知道现在是否有更好的方法。到目前为止,我在thisfiddle上尝试过的内容但显然不起作用,它说$mount只能调用一次。我不知道该怎么做,我的另一个选择是动态组件,但为此我还必须添加动态元素,所以它变成了几乎相同的问题。那么如何在客户端点击或其他客户端事件上添加组件? 最佳答案 您希望从一开始就将自定义组件放在那里,并使用v-if或v-for来显示、隐藏、添加或减去这些组件.

javascript - Angular2 组件 - 动态内联样式

我有一个组件有count和一个color属性(property)。该组件应该显示count数量带有内联样式的s用于将其颜色更改为color.这是我目前所拥有的:@Component({selector:'my-control',template:`COLOR={{color}}`})exportclassMyControl{private_count:number;@Input()setcount(value:string){this._count=+value;}@Input()setcolor(value:string){this._color=value;}getdummyArr