PrimeNG，SplitButton:如何在模型中获取参数？
PrimeNG是一个开源的UI组件库，提供了丰富的可重用的UI组件，用于构建现代化的Web应用程序。SplitButton是PrimeNG中的一个组件，它是一个按钮和下拉菜单的组合，可以在按钮上执行默认操作，同时提供其他操作选项。
在模型中获取SplitButton的参数，可以通过以下步骤实现：
- 在模型中定义一个变量来存储SplitButton的参数。例如，可以使用一个字符串类型的变量来存储选中的操作选项。
selectedOption: string;- 在SplitButton的HTML模板中，使用ngModel指令将选中的操作选项与模型中的变量进行绑定。
<p-splitButton [(ngModel)]="selectedOption" ...></p-splitButton>- 在模型中，可以通过访问
selectedOption变量来获取SplitButton的参数。
console.log(this.selectedOption);通过以上步骤，你可以在模型中获取SplitButton的参数，并根据需要进行进一步处理。
关于PrimeNG的更多信息和使用示例，你可以访问腾讯云的PrimeNG产品介绍页面：PrimeNG产品介绍。
相关·内容
假设我想通过PrimeNG SplitButton触发函数foo和bar。两者都有一个关于按钮本身的参数。 关于动作，我想为指定的函数设置参数。<p *ngFor="let x of ['aaa','bbb','ccc']">
<p-splitButton label="FOO for {{x}}" (onClick)="foo (x)" [model]=&
浏览 9提问于2020-12-21得票数 1
我尝试使用PrimeNG SplitButton。Component({ template: ` <ul> <p-splitButtonlabel="foo" (onClick)="foo (l)" [model]="menu"></p-s
浏览 12提问于2022-07-13得票数 0
Duplicate', icon: 'pi pi-times', command: (x) => { }}这两个函数都需要一个string类型的参数(onClick)="onViewDocument(item.id)" 代码不编译。更新：
我的拆分按钮在下表中的每一项旁
浏览 3提问于2021-05-10得票数 0
回答已采纳
我正试图将PrimeNG加载到Webpack捆绑的Angular2应用程序中。首先，我安装了npm：npm install primeui --save+ "primeng": "^1.0.0-beta.8",接下来，如angular2-w
浏览 7提问于2016-06-13得票数 3
回答已采纳
setPropertyActionListener value="#{transaction}" target="#{transactionModel.selectedTx}" />它在模型中设置了现在我想给我的按钮添加一个新功能，所以我选择了一个p:splitButton
<p:splitButton update=":dialog" oncomplete="PF(&#
浏览 3提问于2016-09-07得票数 0
回答已采纳
1回答
PrimeNg版本："^6.0.0“从GrowlModule库导入PrimeNg时获取以下错误。错误错误:未知(承诺)：错误:获取错误: 403禁止实例化加载错误:获取错误: 403禁止
import { GrowlModule } from 'primeng/growl';
而其他模块，如SliderMo
浏览 0提问于2018-06-26得票数 0
我在使用ExecutedRoutedEventArgs获取命令的原始源代码时遇到了问题。<ControlTemplate TargetType="{x:Type usc:SplitButton}"> <Button Name="mybutton">
浏览 1提问于2010-04-28得票数 0
primeng的命令有一个名为MenuItem的参数，该参数是单击其项时要执行的函数。中提供了一个用于向用户提供反馈的示例。severity:'info', summary:'First Step', detail: event.item.label});但是，我想使用MenuItem作为我的Primengicon="fa fa-list" label="Show" (click)="menu.toggl
浏览 2提问于2017-11-30得票数 7
任何关于primeNg(第三方库，如Material)如何在它们的组件中实现双向绑定的想法，因为每当我制作一个可重用的组件时，我必须使用属性绑定向子级提供值，并使用@Input在子级中接收它，如果我想从子级中接收任何数据，我使用@Output并在父级中接收它。但是在primeNg可重用组件中可以看到，它们可以直接使用双向绑定来提供和接收值。
浏览 1提问于2019-11-19得票数 0
如何在primeng multiselect (p-multiselect)中获取所选的选项标签和值。我正在使用反应式。
浏览 1提问于2018-06-26得票数 1
如何在picklist header中添加自定义按钮，如？我试图在Primeng picklist标题中添加按钮，但它只接受字符串作为标题值。有没有办法在自动生成的标题中添加任何模板(HTML)？
浏览 24提问于2017-07-18得票数 0
如何在primeng angular2中应用多个全局过滤器，如全局过滤器中的一个输入、下拉列表和日期范围？如何为下拉列表和日期范围等其他内容添加内容。
浏览 13提问于2017-01-16得票数 0
如何在Turbotable的参数中实现exportFunction。 根据PrimeNg exportFunction的定义:实现自定义导出的函数。需要返回字符串值。
浏览 9提问于2019-01-31得票数 0
回答已采纳
我有primeng dropdown和两个服务调用，一个调用获取下拉选项，另一个调用获取模型绑定数据。一旦我保存了选定的值并重新加载页面，偶尔就不会显示选定的值。我相信这是因为服务调用的异步性质。我猜模型值服务调用是在加载所有下拉选项之前完成的。)模板代码：如何确保dro
浏览 14提问于2020-09-14得票数 0
我对Primeng非常陌生，你能帮我解决这个问题吗？如何使用Primeng角下拉列表更改URL中的参数：(ex.shop1中的URL到shop2) http://localhost:4200/#/shops/shop1/dashboard，反之亦然，如果我更改了selectedShop" optionLabel="name" (onChange)="onChange($event)"><
浏览 3提问于2022-05-25得票数 1
2回答
我有一个巨大的20K名字列表，调用一个服务以异步方式获取这些名字，并将其加载到下拉列表中。下面是正在运行的代码片段。但是，这会减慢下拉速度，并使页面挂起几秒钟。有没有更好的方法来尝试一下呢？
浏览 33提问于2019-09-05得票数 0
回答已采纳
1回答
在这种情况下，我从Server数据库生成一个表，作为实体框架的模型，但它与数据库中的另一个表相关，因此模型内部还有一个具有第二个表名的属性，如问题是，我如何在MVC控制器内动态地获取数据，这是Ajax调用的。因此，我必须在Ajax参数中公开第二个表的名称。是否可以通过创建另一个类Table2来使用MetadataType属性更改
浏览 1提问于2016-04-30得票数 1
回答已采纳
我在我的桌子上装了懒虫，[rowsPerPageOptions]="rowsPerPage" [totalRecords]="totalRecords" [sortField]="sortField" [sortOrder]="sortType"
rowHover="
浏览 0提问于2021-05-19得票数 2
我正在尝试使用PrimeNG数据表进行CRUD操作。我正在调用一个API服务来从数据库获取数据。我已经写了两个组件，其中一个是使用简单的循环通过服务的数据，我得到了页面上的记录。第二个页面使用PrimeNg数据表并使用相同的服务，但屏幕上没有显示任何内容。在尝试使用F12调试代码时，我没有看到任何错误，对服务的调用返回了正确的数据。但是在dom对象中，我没有看到生成任何数据。/primeng';
import {Header} from 'primeng&#
浏览 3提问于2016-12-02得票数 1
import { DataTable } from "primereact/datatable"; console.log(d); /* Getting data here*/const buttonTemplate = (data) => ( <SplitButtonAction"
浏览 19提问于2022-02-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
