ng-zorro组件实现单选题

码农老郭

于 2018-11-18 20:36:17 发布

阅读量748

点赞数

本文链接：https://blog.youkuaiyun.com/G165945348/article/details/84204329

版权

本文档详细介绍了如何利用ng-zorro组件库创建单选题功能。通过ng-zorro的表单控件，我们可以轻松构建用户友好的单选按钮组，实现数据双向绑定，同时支持动态加载和验证选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div> 
    <div style="margin : 5% 8% 1%">
        <span [ngStyle]="tip" >题干</span>
        <span style=" color:#A9B3BF" >这里填写题目描述 </span>
    </div>
  
    <div [ngStyle]="textarea">
        <div>
            <input #inquestion id="inputquestion" (click)="question(inquestion,qestion)" name="comb_question" class="wangEditor-container" [(ngModel)]="questiontext.value" style="height: 20px">
            <div #qestion id="questioncheck" class="textedit-style">
                <simple-tiny #questiontext [elementId]="'elementIdquestion'" (onEditorKeyup)="keyupquestion($event,questiontext)">
                </simple-tiny>
            </div>                   
        </div>
    </div>
  <br>
</div>

<div>
    <div style='margin:3% 8% 1%'>
        <span [ngStyle]="tip" >选项</span>
        <!-- <span style=" color:#A9B3BF">多选题的选项范围从 2 到 6 </span> -->
    </div>
    <div >
        <nz-radio-group [(ngModel)]="radioValue"  style='margin-left:8%;margin-top:20px;width: 746px' > 
            <div  style="margin-bottom: 15px;margin-top: 20px;

最低0.47元/天解锁文章