草庐IT

MATCH_PARENT

全部标签

javascript - knockout : Invoking function of parent component from child component

问题:我正在尝试构建一个小部件仪表板。每个小部件的标题上都有一个删除按钮。单击此按钮时,相应的小部件必须消失。我是如何设计的:我有两个knockout组件。我的小部件列表:VO将有一个小部件对象的observableArray。我的小部件:VO将在小部件中显示详细信息。注意:为简单起见,我只用数字替换了小部件对象。ko.components.register('my-widget-list',{viewModel:function(params){varself=this;self.values=ko.observableArray([10,20,30,40,50]);self.del

javascript - Google-diff-match 避免显示新行?

我正在使用差异匹配http://neil.fraser.name/software/diff_match_patch/svn/trunk/demos/demo_diff.html显示2段html之间的差异。问题是脚本将新行显示为¶有什么办法可以设置不显示吗?现在我只是删除所有\n和\r的实例,但这听起来不太好 最佳答案 正如您在文档中所见,prettyhtml函数只是开发一些很酷的ui的示例。但是,如果您将函数中的¶(¶)替换为null,该符号将消失。diff_match_patch.prototype.diff_pret

javascript - Angular Material : layout-fill not filling parent <div>

SampleTextHereSignUp我有上面的HTML部分,我正在尝试使用AngularMaterial的flexbox支持来创建一个页面,该页面的背景图像是整页。叠加在该图像上的是一些文本和一个位于图像中心的按钮。如果我检查chrome中最外层的div,它的大小(如预期的那样)是全屏。由于某种原因,图像div不执行此操作。它只占用足够的空间来包含文本和按钮。任何关于为什么会发生这种情况的见解将不胜感激。我知道这可以通过多种不同的方式使用各种css技巧来完成,但我想了解我对flex的工作原理缺少什么。更新链接到JSFiddle 最佳答案

使用 val().match() 方法的 Javascript 正则表达式

我正在尝试使用以下规则验证名为phone_number的字段:第一个数字应该是3,然后是另外9个数字,所以总共10个数字示例:3216549874或者可以是7个数1234567这里有我的代码:if(!($("#"+val["htmlId"]).val().match(/^3\d{9}|\d{7}/)))missing=true;为什么不起作用:(当我将其放入在线正则表达式检查器时显示正常。 最佳答案 您应该使用测试而不是匹配,这是正确的代码:.test(/^(3\d{9}|\d{7})$/)Match会找到所有出现的情况,而test

javascript - 解构嵌套对象 : How to get parent and its children values?

下面的函数接收一个对象,该对象具有属性current,它也是一个对象,并且它具有selectionStart和selectionEnd属性。在这里,嵌套解构按预期使用Start和End变量工作,但我还需要current的值。functionsomeFunction({current:{selectionStart:Start,selectionEnd:End}}){//dosomethingwithcurrent,Start,andEnd}我如何使用解构得到它? 最佳答案 第一个解构只创建Start和End变量。如果要将curren

javascript - jquery 获取最近的 parent

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:nearestancestornodeinjQueryhtml:PellentesqueMorejQuery$('.more').bind("hover",function(){$(this).parent('.post').hide();});在悬停(.more)时我想隐藏帖子,但它什么也没做如果我改用parents()它会删除页面上的所有.posts感谢任何帮助

javascript - AngularJs 指令 : call method from parent scope within template

我对Angular指令还很陌生,我很难让它做我想做的事。这是我所拥有的基础知识:Controller:controller('profileCtrl',function($scope){$scope.editing={'section1':false,'section2':false}$scope.updateProfile=function(){};$scope.cancelProfile=function(){};});指令:directive('editButton',function(){return{restrict:'E',templateUrl:'editbutton.t

javascript - 获得 parent 的第n个 child

我有一个表格,我需要每行的前两个单元格可点击(不是整行)。当我单击第一个或第二个单元格时,我想获取同一行第三个单元格的值。澄清一下,当我按下a1时,我希望警报显示c1,如果我按下b2,我希望它显示c2并且如果我按c3我不想发生任何事情。如您所见,我的alert($(this).parent(':nth-child(3)').text());不起作用..我怎么能实现这个?$('td:nth-child(-n+2)').on("click",function(){alert($(this).parent(':nth-child(3)').text());//Doesn'twork});td

javascript - React,如何从 parent 那里访问 child 的状态?无需更新 parent 的状态

你好,我是React的新手,我很难全神贯注于整个状态管理以及通过状态和Prop传递数据。我确实理解标准的react方式是以单向方式传递数据-从parent到child,我已经为所有其他组件这样做了。但是我有一个名为Book的组件,它会根据用户选择表单“阅读、想要阅读、当前正在阅读和无”来更改其“书架”状态。在呈现Book组件的BookList组件中,它需要能够读取Book的书架状态并在名为“read、wantToRead、currentlyReading和none”的部分下呈现正确的书籍。由于在这种情况下,Book组件是从BookList组件呈现的,而BookList是父组件,我真的不

javascript - 在 Angular 中导航时,将 child 路由到 parent 不起作用

我使用的是angular5.1.0,路由系统有问题,让我解释一下:在我的应用程序路由模块中,我有一个url/api那个延迟加载另一个模块,在那个延迟加载的模块中我有下一个路由实现:api-routing.module.tsconstroutes:Routes=[{path:'',component:ApisComponent,data:{breadcrumbs:'APIs',},children:[{path:'',component:ApiListComponent,},{path:':id',component:ApiDetailComponent,resolve:{api:Api