【问题标题】:angular custom directive for two dynamic html elements两个动态 html 元素的角度自定义指令
【发布时间】:2017-11-26 01:12:51
【问题描述】:

我必须创建一个元素自定义指令,它将由两个 html 元素组成。第一个是单选按钮组,其值为是或否。否是默认值。如果单击是,则应显示输入文本字段。如果输入,我应该能够保持收音机的默认值并获取文本字段的值。

请帮我制作任何模板

【问题讨论】:

  • 您应该先自己尝试一下。如果您遇到问题,请返回此处并发布您的代码以获得帮助。

标签: angularjs angularjs-directive custom-directive


【解决方案1】:

您可以查看下面的 plunker 例如,它具有共享范围的简单指令,作为参考,您可以查看此链接https://docs.angularjs.org/guide/directive,我的模板如下

<input type="radio" name="myradio" ng-model="myradio" value="Yes">Yes</input>
<input type="radio" name="myradio" ng-model="myradio" value="No">No</input>
<input type="text" ng-model="mytext" ng-show="myradio==='Yes'"/>

在示例中,您可以从变量“mytext”访问输入文本的值,您可以通过将变量“myradio”的值设置为 Yes 或 No 来设置单选按钮的默认值,我在控制器中将此值设置为 No。

这个指令可以通过制作这个隔离范围来改进,你可以多次使用它,你可以自己尝试。

请在下面找到 plunker 链接

https://plnkr.co/edit/0ZsNelh2DWUwMSRmvgfa?p=preview

【讨论】:

    猜你喜欢
    • 2016-04-13
    • 1970-01-01
    • 2019-12-10
    • 2023-04-07
    • 2017-03-10
    • 1970-01-01
    • 2015-07-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多