如何在新选项卡中阻止角度渲染组件

文章/答案/技术大牛

发布

1回答

angular

我有一个Angular组件，应该只渲染一次，在应用程序的第一个屏幕上，而不是每次打开选项卡时。使用localStorage将组件标记为活动组件有点问题，因为可以关闭浏览器，并且很难跟踪。

浏览 7提问于2018-12-19得票数 0

1回答

React Redux: shouldComponentUpdate不是类似于角度观察者吗？

angularjs、reactjs、redux、flux

React在其高级性能部分中谈到了shouldComponentUpdate函数。所以我的问题是，这不是角度观察者自动做的事情吗？

浏览 0提问于2016-03-17得票数 2

2回答

React App阻止Redux更新时重新呈现网格中的所有项目

reactjs、redux、grid、rerender

我有一个可以在网格中显示项目列表的应用程序。其中一些项目有一个嵌入的视频，当它被重新渲染时，它会闪烁或停止播放(如果它已经在播放)。我有一个组件可以支撑整个网格。它为网格中的每个项目呈现一个组件。在每个项目中，我都有一个包含嵌入式视频的组件。

浏览 17提问于2019-07-10得票数 0

1回答

我第一次尝试这种方法时，我从ngrx转到redux的角度。现在，我在一个react应用程序中使用这个模式。不过，我有点问题。当我订阅某种状态存储流时，我使用setState(foo)将值存储在组件中。这反过来会触发一个新的呈现周期。我希望每个组件有一个渲染周期，而不是2个或更多。我一直试图阻止组件的初始呈现，以便它首先被状态存储订阅触发一次，并且只触发一次。当您有多个嵌套组件和多个订阅时，它们往往会创建浪费的呈现，仅仅是为了完成应用

浏览 1提问于2018-05-03得票数 0

1回答

将工艺路线与dart中的物料标签相结合

angular、dart

有没有办法将布线和角度材料组件结合起来(似乎有几种这种组件的变体，我指的是这里提到的那些：)？具体地说，我希望有一些包含具有布线的元件的选项卡。但是，文档没有说明如何在选项卡中应用路由，例如路由器如何更改处于活动状态的选项卡，或者如何在不同的选项卡中有多个路由器插座。

浏览 2提问于2017-10-20得票数 0

1回答

单击选项卡时重新呈现组件

react-native、redux、react-navigation

在我的react原生应用程序中，我正在使用react导航来进行选项卡导航。我有四个选项卡。当我从选项卡A移动到选项卡B时，我可以看到选项卡B。我猜测发生了什么，当Tab A数据刷新时，它会尝试更新Tab B组件。但由于Tab B组件不是视图的一部分，因此它将其清空。Tab A和Tab B

浏览 0提问于2018-01-02得票数 5

1回答

在某些情况下，如何防止Windows.Forms.TabControl切换选项卡？

winforms、tabcontrol

我有一个带有选项卡控件的Windows窗体应用程序。当用户单击选项卡时，我希望进行检查(尝试将设置加载到该选项卡中)，如果检查返回为false，则阻止切换到新选项卡。从UX的角度来看，最干净的方法是什么？

浏览 1提问于2014-11-24得票数 1

回答已采纳

1回答

添加新选项卡时，角度元素在mat- tab -group上被销毁

javascript、angular、typescript、angular-material

我将新项动态添加到数组中，选项卡的内容是Angular Elements组件。当我添加一个新元素时，一切正常，我看到添加了新元素，但我添加了一个新元素，前一个元素被销毁，选项卡内容显示为空。我已经尝试添加常规文本到标签中，而不是添加角度元素组件，一切都按预期工作，我可以在标签上来回移动。index" [label]="tab.name"> <div [innerHTML]="tab.cont

浏览 33提问于2019-06-04得票数 2

1回答

如何在单元格是自定义项目渲染器的数据网格上启用Tab键导航？

flash、apache-flex、datagrid、itemrenderer

这是我们的自定义项目渲染器中的代码片段，它采用actionscript：textCustomItemRendererTempForTab.focusEnabledkeyboardEvent.preventDefault();keyboardEvent.stopPropagation(); 现在选项卡导航工作(在选项卡上，焦点转到下一个可编

浏览 0提问于2011-05-27得票数 2

1回答

什么条件会导致角度分量的渲染？

javascript、reactjs、angular、typescript

如您所知，为了获得良好的性能，我们总是尽量减少单个页面应用程序中的呈现。例如，在中，每当某个状态或道具在组件内发生更改时，该组件就会重新执行、重新计算并最终重新呈现。那么，在角度上有类似的条件吗？减少额外渲染的最佳实践和模式是什么？

浏览 1提问于2022-01-05得票数 0

回答已采纳

1回答

为TabView组件声明新的渲染器

jsf-2、primefaces、custom-component、custom-renderer

我想在PrimeFaces选项卡/选项卡视图组件的基础上建立一个新的组件。它应该看起来像浏览器中的add选项卡，并打开一个用于填写表单的页面。问题是我想把它集成到一个基于数据模型()的TabView中。现在，我可以将用于填写表单的选项卡与包含预定义数据的选项卡组合在一起，也可以使用TabView，它为我的数据动态创建选项卡。我已经阅读了有关以两种方式创建自定义组件的JSF

浏览 2提问于2012-05-08得票数 0

1回答

Ag-grid如何在普通js渲染器中使用角度材质组件

angular、ag-grid、ag-grid-angular

我正在尝试在普通的js渲染器中使用角度材质组件，正如在ag-grid文档中所述，使用框架渲染器很慢。但是，如果我只是将物料组件代码放在普通的js中，它将不能正确地呈现物料组件。the cell refreshes return false;} 上面是我的尝试，但它只是直接将mat-radio-button粘贴到网格单元格中，那么如何在普通的js渲染器中使用m

浏览 23提问于2021-08-12得票数 1

1回答

React:钩子会取代HOC和渲染道具吗？

javascript、reactjs、react-hooks

从React Hooks FAQ中，我们了解到钩子可以替换HOCs并呈现返回/呈现单个组件的道具。我试图更好地理解这一点，以及为什么这是一个事实。让我们先来看看HOC： HOC是一个函数，它将组件作为参数，将其包装在周围的逻辑中，如效果和状态，并返回一个新的组件。自定义钩子到底是如何取代它的呢？我们仍然需要用其他逻辑包装输入函数的函数。查看渲染道具：呈现道具是我们作为道具传递给另一个组件的组件，然后这个

浏览 8提问于2019-06-03得票数 7

回答已采纳

1回答

每个DOM元素只能显示一个组件

angular、components

对于角正式文档中的角分量，我有些困惑，它说“每个DOM元素只能有一个组件”，但是我可以多次使用，有人请解释一下。

浏览 0提问于2019-09-13得票数 0

2回答

如何让react子节点在子节点不受我控制时进行渲染

reactjs、jsx

我有一个react组件，它使用第三方库组件作为子节点。孙子(或第三方图书馆的孩子)在我的控制之下。当我的组件接收到新的道具时，它会重新渲染，但是第三方组件似乎会阻止我的组件的子代组件重新渲染，即使我的组件收到的道具被直接传递给非重新渲染的组件。如果我删除了第三方组件，那么我的组件会像孙子组件一样重新渲染

浏览 16提问于2019-09-10得票数 1

回答已采纳

2回答

PrimeFaces TabView中固定选项卡和动态选项卡的组合

jsf、primefaces、tabview

是否可以在PF TabView中组合固定和动态选项卡？我的用例是为对象列表中的每个对象动态创建一个选项卡。固定选项卡将包含用于创建新对象的表单。提交表单后，必须将包含新对象的新选项卡添加到TabView中。到目前为止，我只用两个视图实现了这个功能-一个用于动态显示对象，另一个用于新对象的表单。我试图编写一个新的TabView渲染器，它将能够渲染

浏览 1提问于2012-06-04得票数 1

10回答

如何在React Native中将换行符插入<Text>组件？

javascript、text、react-native、newline

我想插入一个新行(如\r\n， )在React Native中的文本组件中。如果我有： Hi~ this is a test message.

浏览 183提问于2015-09-09得票数 498

回答已采纳

2回答

如果父组件的连接是`shouldComponentUpdate`=false，是否重新呈现``connect()``ed子组件？

reactjs、redux、react-redux

我想知道如果connect()ed的父组件在shouldComponentUpdate中返回false，它是否会重新呈现connect(Foo extendsconnect(Baz extends PureComponent) 因此，无论是Baz还是Foo，如果它们自己的道具(由mapStateToProps提供给它们)保持不变，那么它们都不应该重新渲染但是，如果redux存储的状态发生更改，并且connect()ed Baz组件收到状态更改的通知并获得新

浏览 2提问于2017-11-08得票数 1

1回答

当angular 5重新呈现一个很大的列表时，我如何防止chrome滚动？

angular、google-chrome

我有一个角度组件，它在其他组件的列表上ngFors。我正在使用ngx-dnd库来启用拖放。每当子组件列表大于屏幕大小，而我使用的是google chrome时，拖放项目会导致页面向下滚动。如果我调试，我可以看到角度渲染导致一个新的项目集合被创建，旧的集合被从dom中剔除，然而当新的集合被创建在我的旧的集合之上时，屏幕被滚动以保持旧的集合在屏幕上。

浏览 10提问于2018-02-02得票数 5

回答已采纳

1回答

角5共享函数&两个分量间的变量

angular、ionic-framework、ionic2、ionic3、angular5

我需要两个独立组件的全局函数。我在主HTML页面上使用选择器加载两个角度组件。一个有函数按钮，它的功能也必须影响另一个组件中的内容。我意识到这不容易做…你们是如何在两个角度分量之间建立共享函数和变量的？我正在尝试创建一个按钮，它可以在两个独立的组件中加载选项卡内容。使用角局部存储是存储某些函数和变量的解决方案吗？提前谢谢你，

浏览 0提问于2018-01-11得票数 2

回答已采纳

点击加载更多