如何在 angular 8 中生成动态反应形式 [英] How to generate dynamically reactive forms in angular 8

查看：31 发布时间：2021/11/8 23:48:17 typescript angular8

本文介绍了如何在 angular 8 中生成动态反应形式的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我提出了关于动态生成表单控制器的问题，之后我在动态模板生成和控制器生成方面遇到了一些问题.

在这个项目中，主要是我在一个数组中有4种类型的问题.我必须动态生成这些问题

问题类型是，

MCQ(只需选择一个答案)
多选(用户可以选择多个答案，至少需要一个)
排名问题(用户必须给出正确的答案顺序.答案应该是unque)
描述性(用户自己的答案可以给出)

这是我的html代码


<div class="row"><div class="col-md-12"><div class="card"><div class="card-header bg-transparent border-success"><h3>15 个问题</h3>
<div class="card-body"><div class="row"><div class="col-md-12"><form [formGroup]="surveyQuestionForm"><div *ngFor="let question of questions; let i=index"><div [ngSwitch]="question.qType"><div *ngSwitchCase="1"><div class="form-group"><label class="control-label">{{question.qNo}}){{question.question}}</label><div class="ml-3"><表格><tr *ngFor="let anwr of question.answers; let a=index"><td>{{a+1}}.{{anwr}} </td><td><div class="custom-radio custom-control"><input type="radio" class="custom-control-input"id="q{{question.qNo}}_{{a}}"name="q{{question.qNo}}" value="{{a+1}}"formControlName="q{{question.qNo}}"[ngClass]="{'is-invalid':surveyQuestionForm.get('q'+ question.qNo).errors && formSubmitted}"/><label class="custom-control-label"for="q{{question.qNo}}_{{a}}"></label>

</td></tr><div class="text-danger"*ngIf="surveyQuestionForm.get('q'+ question.qNo).hasError('required') && formSubmitted">需要回答

surveyQuestionForm: FormGroup;表单提交 = 假；构造函数(私人FB:FormBuilder){}问题:任何= [{编号:11，调查编号:5，qNo: 1,问题:你想去哪个国家旅行?"，qType: 1,没有答案:4，答案类型:1，答案:['美国'、'澳大利亚'、'印度'、'英格兰']},{编号:12，调查编号:5，qNo: 2,问题:'你有什么类型的信用卡?'，qType: 2,没有答案:4，答案类型:1，答案:['Visa'、'Mastercard'、'American Express'、'Discover']},{编号:13，调查编号:5，qNo: 3,问题:请按重要性对以下特征进行排序，其中 1 对您来说最重要.?"，qType: 3,没有答案:4，答案类型:1，答案:['位置'、'舒适'、'服务'、'物有所值']},{编号:14，调查编号:5，qNo: 4,问题:您对我们的研究所有何看法?"，qType: 4,没有答案:0，答案类型:1，答案:[]}];ngOnInit() {this.createForms();}createForms(): 任何 {this.surveyQuestionForm = this.fb.group(this.questions.reduce((group: any, question: { qNo: string; }) => {return Object.assign(group, { ['q' + question.qNo]: this.buildSubGroup(question) });}, {}));}私人 buildSubGroup(问题){开关(问题.qType){情况1:返回 [Validators.required];案例2:返回 this.fb.group(question.answers.reduce((subGroup, answer) => {返回 Object.assign(subGroup, { [answer]: [false] });}, {}), { 验证器:[this.atLeastOneRequired()] });案例3:返回 this.fb.group(question.answers.reduce((subGroup, answer) => {返回 Object.assign(subGroup, { [answer]: ['', [Validators.required, Validators.min(1), Validators.max(3)]] });}, {}), { 验证器:[this.uniqueNumbersValidator()] });案例4:return this.fb.group({ answer: ['', [Validators.required]] });默认:throw new Error('未处理的问题类型');}}atLeastOneRequired() {return (ctrl: AbstractControl) =>{const fg = ctrl as FormGroup;const atLeastOneTrue = Object.values(fg.controls).some(fc => !!fc.value);返回 (atLeastOneTrue) ?null : { atLeastOneRequired: true };};}uniqueNumbersValidator() {return (ctrl: AbstractControl) =>{const fg = ctrl as FormGroup;让 allUnique = true;常量值 = [];Object.values(fg.controls).forEach(fc => {const val = fc.value;如果 (val && allUnique) {if (values.includes(val) && allUnique) {allUnique = 假；}values.push(val);}});返回(allUnique)?null : { notAllUnique: true };};}提交(){this.formSubmitted = true;console.log(this.formSubmitted);}

<label class="control-label">{{question.qNo}}){{question.question}}</label><div class="ml-3"><表格><tr *ngFor="let anwr of question.answers; let a=index"><td>{{a+1}}.{{anwr}} </td><td><div class="custom-radio custom-control"><input type="radio" class="custom-control-input"id="q{{question.qNo}}_{{a}}"name="answer" value="{{a+1}}"表单控件名称=答案"[ngClass]="{'is-invalid':surveyQuestionForm.get('q'+ question.qNo).errors && formSubmitted}"/><label class="custom-control-label"for="q{{question.qNo}}_{{a}}"></label> </td></tr><div class="text-danger"*ngIf="surveyQuestionForm.get('q'+ question.qNo).hasError('required') && formSubmitted">需要回答

<label class="control-label">{{question.qNo}}){{question.question}}</label><div class="ml-3"><表格><tr *ngFor="let anwr of question.answers; let b=index"><td>{{b+1}}.{{anwr}} </td><td><div class="custom-checkbox custom-control"><input type="checkbox" class="custom-control-input"id="q{{question.qNo}}_{{b}}" value="{{b+1}}"formControlName="{{anwr}}"[ngClass]="{'is-invalid':surveyQuestionForm.get('q'+ question.qNo).errors && formSubmitted}"/><label class="custom-control-label"for="q{{question.qNo}}_{{b}}"></label> </td></tr><div class="text-danger"*ngIf="surveyQuestionForm.get('q'+ question.qNo).hasError('atLeastOneRequired') && formSubmitted">至少需要一个答案

</pre><p>固定闪电战:</p><p><a href="https://stackblitz.com/edit/angular-d4p6ly?file=src/app/app.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-d4p6ly?file=src/app/app.component.html</a></p><p>I opened question about dynamically generate form controllers,after that I have some issues with dynamically template generate and controllers generate.</p> <p>in this project,mainly I have 4 types of questions in an array.I have to generate these questions dynamically</p> <p>question types are,</p><ol> <li><p>MCQ ( only have to select one answer)</p></li> <li><p>Multiple Select ( User can select multiple answers and at least one required)</p></li> <li><p>Ranking question ( user have to give the correct order of answers. answers should be unque)</p></li> <li>Descriptive ( Users own answer can give)</li> </ol><p>here is my html code</p><pre><code><div class="container"> <div class="row"> <div class="col-md-12"> <div class="card"> <div class="card-header bg-transparent border-success"> <h3>15 questions</h3> </div> <div class="card-body"> <div class="row"> <div class="col-md-12"> <form [formGroup]="surveyQuestionForm"> <div *ngFor="let question of questions; let i=index"> <div [ngSwitch]="question.qType"> <div *ngSwitchCase="1"> <div class="form-group"> <label class="control-label"> {{question.qNo}}) {{question.question}}</label> <div class="ml-3"> <table> <tr *ngFor="let anwr of question.answers; let a=index"> <td>{{a+1}}. {{anwr}} </td> <td> <div class="custom-radio custom-control"> <input type="radio" class="custom-control-input" id="q{{question.qNo}}_{{a}}" name="q{{question.qNo}}" value="{{a+1}}" formControlName="q{{question.qNo}}" [ngClass]="{'is-invalid':surveyQuestionForm.get('q'+ question.qNo).errors && formSubmitted}" /> <label class="custom-control-label" for="q{{question.qNo}}_{{a}}"></label> </div> </td> </tr> <div class="text-danger" *ngIf="surveyQuestionForm.get('q'+ question.qNo).hasError('required') && formSubmitted"> Answer required</div> </table> </div> </div> </div> <div *ngSwitchCase="2"> <div class="form-group"> <label class="control-label"> {{question.qNo}}) {{question.question}}</label> <div class="ml-3"> <table> <tr *ngFor="let anwr of question.answers; let b=index"> <td>{{b+1}}. {{anwr}} </td> <td> <div class="custom-checkbox custom-control"> <input type="checkbox" class="custom-control-input" id="q{{question.qNo}}_{{b}}" value="{{b+1}}" formControlName="q{{question.qNo}}" [ngClass]="{'is-invalid':surveyQuestionForm.get('q'+ question.qNo).errors && formSubmitted}" /> <label class="custom-control-label" for="q{{question.qNo}}_{{b}}"></label> </div> </td> </tr> <div class="text-danger" *ngIf="surveyQuestionForm.get('q'+ question.qNo).hasError('atLeastOneRequired') && formSubmitted"> At least One Answer required</div> </table> </div> </div> </div> <div *ngSwitchCase="3"> <div class="form-group"> <label class="control-label"> {{question.qNo}}) {{question.question}}</label> <div class="ml-3"> <table> <tr *ngFor="let anwr of question.answers; let a=index"> <td>{{a+1}}. {{anwr}} </td> <div class="invalid-feedback" *ngIf="surveyQuestionForm.get('q'+ question.qNo).touched && surveyQuestionForm.get('q'+ question.qNo).hasError('required')"> Answer required</div> <div class="invalid-feedback" *ngIf="surveyQuestionForm.get('q'+ question.qNo).touched && surveyQuestionForm.get('q'+ question.qNo).hasError('max')"> max value</div> <div class="invalid-feedback" *ngIf="surveyQuestionForm.get('q'+ question.qNo).touched && surveyQuestionForm.get('q'+ question.qNo).hasError('min')"> min value</div> <div class="invalid-feedback" *ngIf="surveyQuestionForm.get('q'+ question.qNo).touched && surveyQuestionForm.get('q'+ question.qNo).hasError('notAllUnique')"> Already inserted value</div> <td> <input type="number" style="width:40px;" id="q{{question.qNo}}_{{a}}" [ngClass]="{'is-invalid': surveyQuestionForm.get('q'+ question.qNo).errors && surveyQuestionForm.get('q'+ question.qNo).touched}" formControlName="q{{question.qNo}}" class="text-center" /> </td> </tr> </table> </div> </div> </div> <div *ngSwitchCase="4"> <div class="form-group"> <label class="control-label"> {{question.qNo}}) {{question.question}}</label> <div class="ml-3"> <table> <th width="auto"></th> <th></th> <tr> <td><textarea class="form-control" rows="5" id="comment" name="text" [ngClass]="{'is-invalid':surveyQuestionForm.get('q'+ question.qNo).errors && surveyQuestionForm.get('q'+ question.qNo).touched}" formControlName="q{{question.qNo}}"></textarea></td> </tr> <div class="text-danger" *ngIf="surveyQuestionForm.get('q'+ question.qNo).hasError('required') && formSubmitted"> Answer required</div> </table> </div> </div> </div> <div *ngSwitchCaseDefault></div> </div> </div> </form> </div> </div> <div class="row"> <div class="col-md-12"> <button (click)="onSubmit()" class="btn btn-primary">Submit</button> </div> </div> </div> </div> </div> </div> </div> </code></pre><p>Here is my typescript code</p><pre><code>surveyQuestionForm: FormGroup; formSubmitted = false; constructor(private fb: FormBuilder) { } questions: any = [ { id: 11, surveyNo: 5, qNo: 1, question: 'What is the country you would like to travel?', qType: 1, noAnswrs: 4, answerType: 1, answers: ['America', 'Australia', 'India', 'England'] }, { id: 12, surveyNo: 5, qNo: 2, question: 'What type of credit cards do you have?', qType: 2, noAnswrs: 4, answerType: 1, answers: ['Visa', 'Mastercard', 'American Express', 'Discover'] }, { id: 13, surveyNo: 5, qNo: 3, question: 'Please rank the following features in order of importance,where 1 is the most important to you.?', qType: 3, noAnswrs: 4, answerType: 1, answers: ['Location', 'Confort', 'Service', 'Value for money'] }, { id: 14, surveyNo: 5, qNo: 4, question: 'What is your idea about our institute?', qType: 4, noAnswrs: 0, answerType: 1, answers: [] } ]; ngOnInit() { this.createForms(); } createForms(): any { this.surveyQuestionForm = this.fb.group( this.questions.reduce((group: any, question: { qNo: string; }) => { return Object.assign(group, { ['q' + question.qNo]: this.buildSubGroup(question) }); }, {}) ); } private buildSubGroup(question) { switch (question.qType) { case 1: return [Validators.required]; case 2: return this.fb.group( question.answers.reduce((subGroup, answer) => { return Object.assign(subGroup, { [answer]: [false] }); }, {}), { validators: [this.atLeastOneRequired()] } ); case 3: return this.fb.group( question.answers.reduce((subGroup, answer) => { return Object.assign(subGroup, { [answer]: ['', [Validators.required, Validators.min(1), Validators.max(3)]] }); }, {}), { validators: [this.uniqueNumbersValidator()] } ); case 4: return this.fb.group({ answer: ['', [Validators.required]] }); default: throw new Error('unhandled question type'); } } atLeastOneRequired() { return (ctrl: AbstractControl) => { const fg = ctrl as FormGroup; const atLeastOneTrue = Object.values(fg.controls).some(fc => !!fc.value); return (atLeastOneTrue) ? null : { atLeastOneRequired: true }; }; } uniqueNumbersValidator() { return (ctrl: AbstractControl) => { const fg = ctrl as FormGroup; let allUnique = true; const values = []; Object.values(fg.controls).forEach(fc => { const val = fc.value; if (val && allUnique) { if (values.includes(val) && allUnique) { allUnique = false; } values.push(val); } }); return (allUnique) ? null : { notAllUnique: true }; }; } onSubmit() { this.formSubmitted = true; console.log(this.formSubmitted); } </code></pre><p>I can see this error,</p><blockquote> <p>control.registerOnChange is not a function</p> </blockquote><p>here is the stackblitz link <a href="https://stackblitz.com/edit/angular-nya7l9" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-nya7l9</a></p> <p>Please help me to solve this issue.</p> <p>thanks</p><div class="h2_lin"> 解决方案 </div><p>first, issue with your radio building and binding:</p> <p>built it like this:</p><pre><code> case 1: case 4: return this.fb.group({ answer: ['', [Validators.required]] }); </code></pre><p>and bind like this:</p><pre><code> <div class="form-group" formGroupName="{{'q' + question.qNo}}"> <label class="control-label"> {{question.qNo}}) {{question.question}}</label> <div class="ml-3"> <table> <tr *ngFor="let anwr of question.answers; let a=index"> <td>{{a+1}}. {{anwr}} </td> <td> <div class="custom-radio custom-control"> <input type="radio" class="custom-control-input" id="q{{question.qNo}}_{{a}}" name="answer" value="{{a+1}}" formControlName="answer" [ngClass]="{'is-invalid':surveyQuestionForm.get('q'+ question.qNo).errors && formSubmitted}" /> <label class="custom-control-label" for="q{{question.qNo}}_{{a}}"></label> </div> </td> </tr> <div class="text-danger" *ngIf="surveyQuestionForm.get('q'+ question.qNo).hasError('required') && formSubmitted"> Answer required</div> </table> </div> </div> </code></pre><p>use the formGroupName directive up top then just access the answer control statically.</p> <p>next your checkbox binding:</p><pre><code><div class="form-group" formGroupName="{{'q' + question.qNo}}"> <label class="control-label"> {{question.qNo}}) {{question.question}}</label> <div class="ml-3"> <table> <tr *ngFor="let anwr of question.answers; let b=index"> <td>{{b+1}}. {{anwr}} </td> <td> <div class="custom-checkbox custom-control"> <input type="checkbox" class="custom-control-input" id="q{{question.qNo}}_{{b}}" value="{{b+1}}" formControlName="{{anwr}}" [ngClass]="{'is-invalid':surveyQuestionForm.get('q'+ question.qNo).errors && formSubmitted}" /> <label class="custom-control-label" for="q{{question.qNo}}_{{b}}"></label> </div> </td> </tr> <div class="text-danger" *ngIf="surveyQuestionForm.get('q'+ question.qNo).hasError('atLeastOneRequired') && formSubmitted"> At least One Answer required</div> </table> </div> </div> </code></pre><p>again, use the formGroupName directive since your overall form is just a group of groups, then within, your formControlNames are the answers themselves.</p> <p>now your multiple choice binding, generally the same issues:</p><pre><code><div class="form-group" formGroupName="{{'q' + question.qNo}}"> </code></pre><p>and</p><pre><code><input type="number" style="width:40px;" id="q{{question.qNo}}_{{a}}" [ngClass]="{'is-invalid': surveyQuestionForm.get('q'+ question.qNo).errors && surveyQuestionForm.get('q'+ question.qNo).touched}" formControlName="{{anwr}}" class="text-center" /> </code></pre><p>finally, your free text answer, basically the same problems, need the formGroupName directive, and to bind correctly to the static answer control within it:</p><pre><code><td><textarea class="form-control" rows="5" id="comment" name="text" [ngClass]="{'is-invalid':surveyQuestionForm.get('q'+ question.qNo).errors && surveyQuestionForm.get('q'+ question.qNo).touched}" formControlName="answer"></textarea></td> </code></pre><p>fixed blitz:</p> <p><a href="https://stackblitz.com/edit/angular-d4p6ly?file=src/app/app.component.html" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-d4p6ly?file=src/app/app.component.html</a></p> <p>这篇关于如何在 angular 8 中生成动态反应形式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('2518227');">查看全文</span> </div> </div> <div> </div> <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div> </div> </article> <div id="arc-ad-2" class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget bgwhite radius-1 mb-1 shadow widget-rel"> <h5>相关文章</h5> <ul> <li> <a target="_blank" title="如何在角度8中生成动态反应形式" href="/1926474.html"> 如何在角度8中生成动态反应形式; </a> </li> <li> <a target="_blank" title="Angular反应形式中的嵌套动态数组形式" href="/1675503.html"> Angular反应形式中的嵌套动态数组形式; </a> </li> <li> <a target="_blank" title="Angular 中的动态列反应形式" href="/2530451.html"> Angular 中的动态列反应形式; </a> </li> <li> <a target="_blank" title="Angular中的动态列反应形式" href="/1924777.html"> Angular中的动态列反应形式; </a> </li> <li> <a target="_blank" title="Angular 中的动态列反应形式" href="/2520312.html"> Angular 中的动态列反应形式; </a> </li> <li> <a target="_blank" title="如何在Angular中生成UUID" href="/2175161.html"> 如何在Angular中生成UUID; </a> </li> <li> <a target="_blank" title="使用JSON文件创建动态反应形式-Angular" href="/1511290.html"> 使用JSON文件创建动态反应形式-Angular; </a> </li> <li> <a target="_blank" title="如何在WTForms中生成动态字段？" href="/764411.html"> 如何在WTForms中生成动态字段？; </a> </li> <li> <a target="_blank" title="如何在 WTForms 中生成动态字段" href="/2669310.html"> 如何在 WTForms 中生成动态字段; </a> </li> <li> <a target="_blank" title="Angular反应形式验证" href="/2177841.html"> Angular反应形式验证; </a> </li> <li> <a target="_blank" title="在Angular中以动态反应形式添加项目" href="/1889312.html"> 在Angular中以动态反应形式添加项目; </a> </li> <li> <a target="_blank" title="在 Angular 中以动态反应形式添加项目" href="/2516740.html"> 在 Angular 中以动态反应形式添加项目; </a> </li> <li> <a target="_blank" title="在 Angular 中以动态反应形式添加项目" href="/2530312.html"> 在 Angular 中以动态反应形式添加项目; </a> </li> <li> <a target="_blank" title="如何在烧瓶中生成动态网址?" href="/2669253.html"> 如何在烧瓶中生成动态网址?; </a> </li> <li> <a target="_blank" title="如何在Flask中生成动态网址?" href="/2085171.html"> 如何在Flask中生成动态网址?; </a> </li> <li> <a target="_blank" title="如何在JSF Datatable中生成动态列?" href="/1502227.html"> 如何在JSF Datatable中生成动态列?; </a> </li> <li> <a target="_blank" title="如何在MySQL中生成动态序列表?" href="/1660285.html"> 如何在MySQL中生成动态序列表?; </a> </li> <li> <a target="_blank" title="如何在android中生成动态文本视图?" href="/2790339.html"> 如何在android中生成动态文本视图?; </a> </li> <li> <a target="_blank" title="Angular 5-反应形式" href="/1926120.html"> Angular 5-反应形式; </a> </li> <li> <a target="_blank" title="Angular 强类型反应形式" href="/2530388.html"> Angular 强类型反应形式; </a> </li> <li> <a target="_blank" title="如何在Angular Cli中生成.angular-cli.json文件?" href="/1888376.html"> 如何在Angular Cli中生成.angular-cli.json文件?; </a> </li> <li> <a target="_blank" title="如何在 Angular Cli 中生成 .angular-cli.json 文件?" href="/2518392.html"> 如何在 Angular Cli 中生成 .angular-cli.json 文件?; </a> </li> <li> <a target="_blank" title="如何在php中生成8bit crc" href="/1901569.html"> 如何在php中生成8bit crc; </a> </li> <li> <a target="_blank" title="如何在角JS动态生成的形式？" href="/194749.html"> 如何在角JS动态生成的形式？; </a> </li> <li> <a target="_blank" title="如何在Webpack中生成动态导入块名称" href="/2479172.html"> 如何在Webpack中生成动态导入块名称; </a> </li> </ul> </div> <div class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="side"> <div class="widget widget-side bgwhite mb-1 shadow"> <h5>其他开发最新文章</h5> <ul> <li> <a target="_blank" title="拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin'" href="/893060.html"> 拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin'; </a> </li> <li> <a target="_blank" title="什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？" href="/303988.html"> 什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？; </a> </li> <li> <a target="_blank" title="在运行npm install命令时获取'npm WARN弃用'警告" href="/840917.html"> 在运行npm install命令时获取'npm WARN弃用'警告; </a> </li> <li> <a target="_blank" title="cmake无法找到openssl" href="/516280.html"> cmake无法找到openssl; </a> </li> <li> <a target="_blank" title="从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件" href="/850628.html"> 从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件; </a> </li> <li> <a target="_blank" title="Twitter :: Error :: Forbidden - 无法验证您的凭据" href="/630061.html"> Twitter :: Error :: Forbidden - 无法验证您的凭据; </a> </li> <li> <a target="_blank" title="我什么时候需要一个fb：app_id或者fb：admins？" href="/747981.html"> 我什么时候需要一个fb：app_id或者fb：admins？; </a> </li> <li> <a target="_blank" title="将.db文件导入R" href="/902960.html"> 将.db文件导入R; </a> </li> <li> <a target="_blank" title="npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件" href="/744854.html"> npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件; </a> </li> <li> <a target="_blank" title="拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”" href="/819167.html"> 拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”; </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门教程 </h5> <ul> <li> <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html"> Java教程 </a> </li> <li> <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html"> Apache ANT 教程 </a> </li> <li> <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html"> Kali Linux教程 </a> </li> <li> <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html"> JavaScript教程 </a> </li> <li> <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html"> JavaFx教程 </a> </li> <li> <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html"> MFC 教程 </a> </li> <li> <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html"> Apache HTTP客户端教程 </a> </li> <li> <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html"> Microsoft Visio 教程 </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门工具 </h5> <ul> <li> <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4"> Java 在线工具 </a> </li> <li> <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6"> C(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8"> PHP 在线工具 </a> </li> <li> <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1"> C# 在线工具 </a> </li> <li> <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5"> Python 在线工具 </a> </li> <li> <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33"> MySQL 在线工具 </a> </li> <li> <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2"> VB.NET 在线工具 </a> </li> <li> <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14"> Lua 在线工具 </a> </li> <li> <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35"> Oracle 在线工具 </a> </li> <li> <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7"> C++(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20"> Go 在线工具 </a> </li> <li> <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45"> Fortran 在线工具 </a> </li> </ul> </div> </div> </div> <script type="text/javascript">var eskeys = '如,何在,angular,8,中,生成,动态,反应,形式'; var cat = 'cc';';//other-dev</script> </div> <div id="pop" onclick="pophide();"> <div id="pop_body" onclick="event.stopPropagation();"> <h6 class="flex flex101"> 登录 <span onclick="pophide();">关闭</span> </h6> <div class="pd-1"> <div class="wxtip center"> <span>扫码关注<em>1秒</em>登录</span> </div> <div class="center"> <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" /> </div> <div style="margin-top:10px;display:flex;justify-content: center;"> <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" /> <input id="btngo" type="button" onclick="chk()" value="GO" /> </div> <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;"> 发送“验证码”获取 <em style="padding: 0 .5rem;">|</em> <span style="color: #01a05c;">15天全站免登陆</span> </div> <div id="chkinfo" class="tip"></div> </div> </div> </div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script> <footer class="footer"> <div class="container"> <div class="flink mb-1"> 友情链接： <a href="https://www.it1352.com/" target="_blank">IT屋</a> <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a> <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a> </div> <section class="copyright-section"> <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a> ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a> <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a> <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a> <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a> <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a> 本站内容来源互联网,如果侵犯您的权益请联系我们删除. </section>  <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </footer> </body> </html>