有角度 – 如何在自定义元素上实现ngModel？ (自己的组合框)

原文

给定一个简单的输入元素我可以这样做： 
<input [(ngModel)]="name" /> {{ name }}

这不适用于我的自定义元素：

<my-selfmade-comboBox [(ngModel)]="name" values="getValues()" required></my-selfmade-comboBox>

如何实现？

我认为这个链接会回答你的问题：

> Angular 2 custom form input

我们需要实现两件事：

>提供表单组件逻辑的组件。它不是输入，因为它将由ngModel本身提供
>一个自定义ControlValueAccessor，它将实现此组件和ngModel / ngControl之间的桥梁

以前的链接给你一个完整的例子…

希望它能帮助你，蒂埃里

有角度 – 如何在自定义元素上实现ngModel？ (自己的组合框)的更多相关文章

  1. macOS 控件教程(1)

    本教程介绍最常见的macOSUI控件——大部分Macapp都是由它们构成的。而要在所有控件上添加自动布局将严重分散你的注意力，因此本教程我们将主要精力集中在macOS控件的使用上。在本教程中，你需要在这个视图上添加几个macOS控件，视图的默认高度可能不足以放下它们。NSControl——MacOS控件的基石NSControl是其它macOS控件的基础。在macOS这个控件就是NSTextField。在macOS中，这两者被合二为一了，它会根据isEditable属性值的不同而改变不同的行为。

  2. Easyui的组合框的取值与赋值

    最近开发了一个项目，其中有功能要用户点击下拉框可以实现多选的效果，下文给大家分享实现核心代码和combobox的取值与赋值的代码，对easyui组合框相关知识感兴趣的朋友一起看看吧

  3. Ajax实现动态加载组合框的实例代码

    本文通过实例代码给大家介绍了Ajax实现动态加载组合框功能，感兴趣的朋友一起看看吧

  4. select组合框option的捕捉实例代码

    这是一份报名表单，要求用户在选中“专业人士访问员”和“定性访问员”后，分别显示“可提供被访者类型”和“容易接触到的行业”的对应表单。当呈未选中状态时，这2个框也对应的隐藏起来。

  5. 用jQuery实现可输入多选下拉组合框实例代码

    这篇文章主要介绍了用jquery实现可输入多选下拉组合框的实例代码，非常不错，具有参考借鉴价值，需要的朋友参考下

  6. php – symfony2 – 如何在每个页面中全局检索数据库中的数据

    我想从数据库中的表中检索Cities名称,并将它们作为选项放在“layout.html.twig”中定义的选择输入(组合框)中.我的所有观点都扩展了’layout.html.twig’,那么如何在每个页面中访问城市名称？

  7. php – 形式上的一对一关联？

    在symfony2.0中,如何使用表单中的一对一关联创建下拉列表？你们能举好榜样吗？

  8. 列表/组合框背景和选定的颜色.net 4.5

    我有一个应用程序在Windows7和更低版本上运行愉快,以.net4框架为目标.如果应用程序现在安装在Windows8,它将显示列表框或组合框中的选定项目的蓝色背景,以及重点项目的白色背景.有没有删除这个？我在我的XAML中使用以下内容来设置问题的风格,这似乎解决了Windows8之前的问题.我忘了回来,我如何解决这个问题….原来,所有你需要做的,它创建一个空的项目容器样式,并将其分配到你的列表框/组合框等…

  9. wpf – 未在Windows 8中应用Combobox背景

    我对wpf主题有点困惑.我希望Vista,Windows7和Windows8上的wpf屏幕看起来一样.所以我相应地设置了组件样式,除了在Windows8上运行外,它们不会出现问题.例如我有一个组合框,我就是像这样在xaml中更改其默认背景.组合框背景属性在Windows8中没有任何效果,我得到的是一个带有箭头的扁平矩形(默认的窗口8组合框,设计相当糟糕！

  10. 有角度 – 如何在自定义元素上实现ngModel？ (自己的组合框)

    给定一个简单的输入元素我可以这样做：这不适用于我的自定义元素：如何实现？希望它能帮助你，蒂埃里

随机推荐

  1. Angular2 innerHtml删除样式

    我正在使用innerHtml并在我的cms中设置html,响应似乎没问题,如果我这样打印：{{poi.content}}它给了我正确的内容：``但是当我使用[innerHtml]=“poi.content”时,它会给我这个html：当我使用[innerHtml]时,有谁知道为什么它会剥离我的样式Angular2清理动态添加的HTML,样式,……

  2. 为Angular根组件/模块指定@Input()参数

    我有3个根组件,由根AppModule引导.你如何为其中一个组件指定@input()参数？也不由AppModalComponent获取：它是未定义的.据我所知,你不能将@input()传递给bootstraped组件.但您可以使用其他方法来做到这一点–将值作为属性传递.index.html：app.component.ts：

  3. angular-ui-bootstrap – 如何为angular ui-bootstrap tabs指令指定href参数

    我正在使用角度ui-bootstrap库,但我不知道如何为每个选项卡指定自定义href.在角度ui-bootstrap文档中,指定了一个可选参数select(),但我不知道如何使用它来自定义每个选项卡的链接另一种重新定义问题的方法是如何使用带有角度ui-bootstrap选项卡的路由我希望现在还不算太晚,但我今天遇到了同样的问题.你可以通过以下方式实现：1)在控制器中定义选项卡href：2)声明一个函数来改变控制器中的散列：3)使用以下标记：我不确定这是否是最好的方法,我很乐意听取别人的意见.

  4. 离子框架 – 标签内部的ng-click不起作用

    >为什么标签标签内的按钮不起作用？>但是标签外的按钮(登陆)工作正常,为什么？>请帮我解决这个问题.我需要在点击时做出回复按钮workingdemo解决方案就是不要为物品使用标签.而只是使用divHTML

  5. Angular 2：将值传递给路由数据解析

    我正在尝试编写一个DataResolver服务,允许Angular2路由器在初始化组件之前预加载数据.解析器需要调用不同的API端点来获取适合于正在加载的路由的数据.我正在构建一个通用解析器,而不是为我的许多组件中的每个组件设置一个解析器.因此,我想在路由定义中传递指向正确端点的自定义输入.例如,考虑以下路线：app.routes.ts在第一个实例中,解析器需要调用/path/to/resourc

  6. angularjs – 解释ngModel管道,解析器,格式化程序,viewChangeListeners和$watchers的顺序

    换句话说：如果在模型更新之前触发了“ng-change”,我可以理解,但是我很难理解在更新模型之后以及在完成填充更改之前触发函数绑定属性.如果您读到这里：祝贺并感谢您的耐心等待！

  7. 角度5模板形式检测形式有效性状态的变化

    为了拥有一个可以监听其包含的表单的有效性状态的变化的组件并执行某些组件的方法,是reactiveforms的方法吗？

  8. Angular 2 CSV文件下载

    我在springboot应用程序中有我的后端,从那里我返回一个.csv文件WheniamhittingtheURLinbrowsercsvfileisgettingdownloaded.现在我试图从我的角度2应用程序中点击此URL,代码是这样的：零件：服务：我正在下载文件,但它像ActuallyitshouldbeBook.csv请指导我缺少的东西.有一种解决方法,但您需要创建一个页面上的元

  9. angularjs – Angular UI-Grid：过滤后如何获取总项数

    提前致谢：)你应该避免使用jQuery并与API进行交互.首先需要在网格创建事件中保存对API的引用.您应该已经知道总行数.您可以使用以下命令获取可见/已过滤行数：要么您可以使用以下命令获取所选行的数量：

  10. angularjs – 迁移gulp进程以包含typescript

    或者我应该使用tsc作为我的主要构建工具,让它解决依赖关系,创建映射文件并制作捆绑包？

返回
顶部