PrimeNG芯片溢出行为

文章/答案/技术大牛

发布

1回答

primeng

当我有太多的“芯片”放不下<p-chips>组件时，它就开始水平拉伸组件，直到它离开页面的边缘。我希望它垂直扩展，并换行到下一行(就像material UI一样)。似乎没有任何选项来控制溢出行为，如果我将组件样式设置为更小，我就看不到溢出的芯片:(

浏览 18提问于2020-12-09得票数 1

回答已采纳

1回答

带显示器的PrimeNG MultiSelect :芯片溢出行为

primeng、primeng-dropdowns

我的问题与这里面临的问题非常相似：PrimeNG Chips overflow behaviour 唯一不同的是，我使用了多选下拉菜单和Display: Chip作为设置之一。

浏览 27提问于2021-02-07得票数 1

回答已采纳

1回答

启动时angular 8芯片自动完成

angular、twitter-bootstrap、tags、angular8、ngx-chips

有没有类似于angular 8和bootstrap的类似版本的芯片自动完成，就像这里的angular material中的最后一个例子：https://material.angular.io/components

浏览 17提问于2019-12-28得票数 0

1回答

如何使md芯片水平溢出？

html、css、angularjs-material、md-chip

当超过输入的长度时，md芯片会创建一个新的行.我希望芯片总是在一行继续，输入水平溢出，就像正常的文本输入一样。如何做到这一点？这个不适合我。

浏览 6提问于2017-11-07得票数 2

回答已采纳

2回答

如何在Primeng中改变芯片颜色？

html、css、angular、primeng、chips

我想要改变颜色芯片在报春花，每当我选择一个我得到一个不同的颜色！，谁能帮助我如何做到这一点！

浏览 4提问于2021-09-24得票数 1

1回答

当PrimFaces p:芯片的焦点离开时自动创建芯片的能力

jsf、primefaces

我正在研究，如果有可能以这种方式修改该组件的行为，那么离开input-element就会将任何剩余的文本内容作为一个新的芯片添加到一个新的芯片中，原因与中给出的几乎相同的原因相同，对于相应的primeng，它们要求具有相同的功能： PrimeFaces能否达到同样的效果？

浏览 0提问于2018-06-14得票数 0

回答已采纳

2回答

PrimeNG p-chips仅删除

angular、primeng

我使用的是带有Angular 2的primeNG的p芯片。但我希望保留删除值的可能性。有可能吗？

浏览 35提问于2017-08-29得票数 1

回答已采纳

1回答

有没有办法知道在primeng multiselect中什么时候芯片被移除了？

angular、primeng

我正在使用这个带有芯片的https://primefaces.org/primeng/showcase/#/multiselect，我的字段连接到一个反应式表单字段，当我使用复选框从选择中选择和取消选择项时，它可以工作，但是当我在关闭下拉菜单时删除芯片时，更改不会反映到动态表单中。我想知道有没有什么事件可以跟踪芯片何时被移除，这样我就可以将更新的值修补到表单中？

浏览 23提问于2020-12-06得票数 1

回答已采纳

3回答

PrimeNg Angular2自动完成全部清除

angular2-forms、primeng、primeng-dropdowns

现在，我正在使用primeng autocomplete下拉菜单，在这里我们没有清除/重置的功能。

浏览 1提问于2018-07-20得票数 2

3回答

如何设计PrimeNG芯片？

css、angular

<p-chips name="workshopTags"></p-chips> 我能够正确地显示芯片元素

浏览 1提问于2019-05-29得票数 2

回答已采纳

1回答

原始Turbo表autoLayout在简单p表上不起作用

angular、primeng

我有这个简单的primeng 7.0 turbo表，p表。它是不可调整大小和不可滚动的。我所做的任何事情似乎都不会影响这个表的布局。首先，根据文档，autoLayout应该按原样工作。> 我的组件文件： ` import {MenuItem} from "primeng/primeng"; import {DialogService} fr

浏览 8提问于2019-01-12得票数 0

回答已采纳

1回答

我正在尝试找出一种方法来实现https://material.io/design/components/chips.html#input-chips中所示的“可扩展”行为。我已经放弃了使用Stack+Positioned和AnimatedSwitcher的组合，因为这需要在支架的顶层插入输入芯片，而输入芯片的初始位置应该完全由它的实际父级确定(例如，包装行)。然而，其他的一切似乎都与flutter的“溢出是邪恶的”规则相矛盾。有什么想法吗？

浏览 14提问于2019-02-21得票数 2

回答已采纳

2回答

芯片移除时未触发更改的primeNG多选择

angular、typescript、primeng、multi-select

primeng多重选择是primeng下拉列表的来源：<p-multiSelect [options]="elements" [(ngModel)]="selectedElements"this.availableElements = [];} 从多重选择下拉列表中选择元素是完全可行的，但是当我从多选择芯片中删除一个元素时

浏览 1提问于2020-12-28得票数 5

回答已采纳

1回答

多选择位置的PrimeNg多选择芯片

angular、primeng

我有一个问题，在多选择从PrimeNg芯片的位置。

浏览 6提问于2022-09-16得票数 -1

1回答

手动关闭其他未自动关闭后的Primeng咆哮消息

angular、primeng

浏览 0提问于2017-07-06得票数 0

1回答

点击下拉移动页面的主体。报春花

html、angular、typescript、primeng

ListFilter_priority_dropDown_{{option.label}}">{{option.label}}</span>PrimeNG

浏览 13提问于2022-11-07得票数 0

回答已采纳

1回答

颤振:水平ChipList中的ListView选项

flutter、scroll、chips

当我们创建一个颤振式的ChipList时，当芯片溢出时，下一个芯片将取决于verticalDirection属性(可能是上/下)。 Widget _SearchBody() => SingleChildScrollView( child: Container(这是下面的结果，可以看到，第4芯片<

浏览 6提问于2021-07-31得票数 0

1回答

当按下enter键时，PrimeNg正在添加空芯片和类型化字符串。

angular、primeng

在文本之前、之后或之间，我输入了一个没有空格的值，但我得到了“两个芯片”。

浏览 0提问于2022-07-02得票数 0

3回答

材质UI:如何指定芯片的maxWidth？

reactjs、material-ui

我的芯片可能包含很长的字符串，所以我想限制芯片的宽度，并在工具提示中显示全文。然而，当我试图改变maxWidth时，它只会改变芯片灰色的、药丸状的部分的宽度--标签继续溢出，“删除”按钮也会偏离位置，出现在芯片外面。正常的：在应用maxWidth之后：我尝试过使用内联style={{}} prop，以及尝试使用"withStyles“方法来创建我自己的自定义样式芯片，但两者都具有相同的效果。我从资料UI文档中修改了芯片示例，以演示这个问题：编

浏览 3提问于2019-11-26得票数 2

1回答

Primeng Autocomplete -不使用角中的反应性形式来修补值

angular、autocomplete、primeng

我有最新版本的latest，并使用Primeng的自动完成功能，并试图在使用反应性形式搜索匹配结果之后修补该值，但它没有反映出来，下面是我的代码：<p-autoComplete formControlName

浏览 3提问于2020-01-08得票数 1

回答已采纳

点击加载更多