如何在单击父按钮单击时重置子输入的数据和视图? [英] How to reset data and view of child input on click of parent's button click?

问题描述

在我们的 Angular 4 应用中，我们有一个

• 有一个
• 有
• 有
• 有</code></li></ul><p><strong>我们需要做什么?</strong></p><ul><li>重置<code><parent-component></code>的<code><form></code>元素，<code><level-1-child></code> &<code><level-2-child></code>在<code><button></code>点击或提交<code><parent-component></code>的<code><;表格></code></li></ul><p><code><parent-component></code> 看起来像这样:</p><pre><code><form [formGroup]="myGroup" #f="ngForm" name="parent-component" (submit)="resetForm(f)" ><input name="abc" id="abc" formControlName="abc"><level-1-child [formGroup]="myGroup"></level-1-child><input type="submit" value="重置表单"></表单></code></pre><p><code><level-1-child></code> 看起来像这样:</p><pre><code><input name="abc" id="abc" formControlName="abc"><level-2-child [formGroup]="myGroup"></level-2-child></code></pre><p><code><level-2-child></code> 看起来像这样:</p><pre><code></p><div [formGroup]="myGroup"><textarea formControlName="abc" id="abc" name="abc" [(ngModel)]="level-2-child.txt" ></textarea></div><p></code></pre><p><code>parent-component.ts</code>的代码，<code>level-1-child.ts</code> &<code>level-2-child.ts</code> 位于以下几行:</p><pre><code>import { Component, OnInit } from '@angular/core';从@angular/forms"导入 { ReactiveFormsModule, FormGroup, FormControl };@成分({模块 ID:module.id，selector: 'parent-component',//level-1-child, level-2-childtemplateUrl: 'parent-component.html'//level-1-child, level-2-child})export class ParentComponent {//Level1Child, Level2ChildmyGroup = new FormGroup({abc: new FormControl()});}</code></pre><p><块引用><p>此代码只是重置<code><parent-component></code>的<code>input#abc</code>.有什么办法可以解决这个问题?</p></blockquote><p><h1>到目前为止我们尝试了什么?</h1><p><strong>尝试了解决方案 1</strong></p><p>根据 <a href="https://stackoverflow.com/u/4204642">@StepanZarubin</a> 的 <a href="https://stackoverflow.com/a/40060510/2404470">建议</a>，<code>parent-component.ts</code>是这样的:</p><pre><code>resetForm(f) {f.resetForm();}</code></pre><p>使用模板 <code><parent-component></code> 像这样:</p><pre><code><form #f="ngForm" (submit)="resetForm(f)" ><level-1-child><level-2-child><level-3-child>...<level-n-child></level-n-child>...</level-3-child></level-2-child></level-1-child><按钮类型=提交">提交</button></表单></code></pre><p><code><level-n-child></code>的模板为:</p><pre><code><input name="inp" id="inp" #inpField="ngModel" [(ngModel)]="childModel.inp"></code></pre><p>但是由于某种原因，这不会重置 <code><level-n-child></code> 的 <code>input#inp</code> 元素.</p><p><strong>尝试了解决方案 2</strong></p><ul><li>我们不想使用 <a href="https://stackoverflow.com/a/41156958/2404470"><code>boolean</code> 发送给孩子的值</a> </li></ul><p><strong>尝试了解决方案 3</strong></p><ul><li>使用<a href="https://stackoverflow.com/a/42619432/2404470">诸如<code>[parentFormGroup]</code></a>之类的东西会导致错误:</li></ul><块引用><p>无法绑定到parentFormGroup"，因为它不是level-n-child"的已知属性</p></blockquote><p>当尝试使用 <a href="http://%20https://stackoverflow.com/a/39152110/2404470" rel="nofollow noreferrer"><code>REACTIVE_FORM_DIRECTIVES</code></a> 引发另一个错误:</p><块引用><p>[ts] 模块node_modules/@angular/forms/forms"没有导出成员REACTIVE_FORM_DIRECTIVES".</p></blockquote><p>但是，<a href="https://stackoverflow.com/a/38865754/2404470">我们已经在使用最新的</a>，这不是主要问题.</p><p><strong>尝试了解决方案 4</strong></p><ul><li>似乎<a href="https://stackoverflow.com/a/40726612/2404470">输入是解决方案，但是由于有很多组件 - 我们不考虑这个建议</a></li></ul><p><strong>尝试了解决方案 5</strong></p><ul><li><a href="https://stackoverflow.com/a/40673931/2404470">名称不同，因此此建议超出范围</a></li></ul><p><strong>可能的解决方案</strong></p><ul><li><a href="https://stackoverflow.com/u/1157512">@PaulParton</a> 正在谈论 <a href="https://stackoverflow.com/q/39629959/2404470">表单组</a>，我们不确定这是否是正确的解决方案.</li></ul><p><strike>我们不希望在这些组件上放置大量混乱的输入/输出代码.</p><p>有没有办法使用<strong>共享服务</strong>之类的东西?</strike></p><div class="h2_lin"> 解决方案 </div><p>要使用空"数据初始化表单，我会这样做:</p><pre><code>initializeProduct(): IProduct {//返回一个初始化对象返回 {编号:0，产品名称:空，产品代码:空，标签: [''],发布日期:空，价格:空，描述:空，星级:空，图片网址:空};}</code></pre><p>然后绑定到初始化的产品.</p><p>您可以在此处找到完整示例:<a href="https://github.com/DeborahK/Angular2-ReactiveForms" rel="nofollow noreferrer">https://github.com/DeborahK/Angular2-ReactiveForms</a>(特别是 APM 文件夹).</p><p>此代码适用于我在 Pluralsight 上的Angular Reactive Forms"课程，如果您想了解有关其构建方式的更多详细信息:<a href="https://app.pluralsight.com/library/courses/angular-2-reactive-forms/table-of-contents" rel="nofollow noreferrer">https://app.pluralsight.com/library/courses/angular-2-reactive-forms/table-of-contents</a></p><p>In our <a href="https://embed.plnkr.co/dZvIOdxEb05mKtEPhbgT/" rel="nofollow noreferrer">Angular 4 app</a>, we've a </p> <ul> <li><code><parent-component></code> which has a <code><form></code></li> <li>The <code><form></code> has <code><level-1-child></code></li> <li>The <code><level-1-child></code> has <code><level-2-child></code></li> <li>The <code><level-2-child></code> has <code><textarea></code></li> </ul> <p><strong>What we need to do?</strong></p> <ul> <li>Reset the <code><form></code> elements of <code><parent-component></code>, <code><level-1-child></code> & <code><level-2-child></code> on <code><button></code> click or submit of <code><parent-component></code>'s <code><form></code></li> </ul> <p><code><parent-component></code> looks like this:</p><pre><code><form [formGroup]="myGroup" #f="ngForm" name="parent-component" (submit)="resetForm(f)" > <input name="abc" id="abc" formControlName="abc"> <level-1-child [formGroup]="myGroup"></level-1-child> <input type="submit" value="Reset form"> </form> </code></pre><p>And the <code><level-1-child></code> looks like this:</p><pre><code><input name="abc" id="abc" formControlName="abc"> <level-2-child [formGroup]="myGroup"> </level-2-child> </code></pre><p>And the <code><level-2-child></code> looks like this:</p><pre><code><div [formGroup]="myGroup"> <textarea formControlName="abc" id="abc" name="abc" [(ngModel)]="level-2-child.txt" > </textarea> </div> </code></pre><p>The code of <code>parent-component.ts</code>, <code>level-1-child.ts</code> & <code>level-2-child.ts</code> is on the following lines:</p><pre><code>import { Component, OnInit } from '@angular/core'; import { ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms'; @Component({ moduleId: module.id, selector: 'parent-component', //level-1-child, level-2-child templateUrl: 'parent-component.html' //level-1-child, level-2-child }) export class ParentComponent { //Level1Child, Level2Child myGroup = new FormGroup({abc: new FormControl()}); } </code></pre><p> </p><blockquote> <p>This code is only resetting the <code>input#abc</code> of <code><parent-component></code>. What is the fix for this?</p> </blockquote><p> <h1>What we have tried so far?</h1> <p><strong>Tried solution 1</strong></p> <p>As per <a href="https://stackoverflow.com/u/4204642">@StepanZarubin</a>'s <a href="https://stackoverflow.com/a/40060510/2404470">suggestion</a>, the <code>parent-component.ts</code> is like this:</p><pre><code>resetForm(f) { f.resetForm(); } </code></pre><p>with template <code><parent-component></code> like this:</p><pre><code><form #f="ngForm" (submit)="resetForm(f)" > <level-1-child> <level-2-child> <level-3-child> ... <level-n-child> </level-n-child> ... </level-3-child> </level-2-child> </level-1-child> <button type="submit"> Submit </button> </form> </code></pre><p>The template of <code><level-n-child></code> is:</p><pre><code><input name="inp" id="inp" #inpField="ngModel" [(ngModel)]="childModel.inp"> </code></pre><p>However for some reason, this is not resetting the <code>input#inp</code> element of <code><level-n-child></code>.</p> <p><strong>Tried solution 2</strong></p> <ul> <li>We do not want to use <a href="https://stackoverflow.com/a/41156958/2404470"><code>boolean</code> value sent to the child</a> </li> </ul> <p><strong>Tried solution 3</strong></p> <ul> <li>Using <a href="https://stackoverflow.com/a/42619432/2404470">stuff like <code>[parentFormGroup]</code></a> is resulting in an error:</li> </ul> </p><blockquote> <p>Can't bind to 'parentFormGroup' since it isn't a known property of 'level-n-child'</p> </blockquote><p>when tried to solve this error using <a href="http://%20https://stackoverflow.com/a/39152110/2404470" rel="nofollow noreferrer"><code>REACTIVE_FORM_DIRECTIVES</code></a> throws another error:</p><blockquote> <p>[ts] Module '"node_modules/@angular/forms/forms"' has no exported member 'REACTIVE_FORM_DIRECTIVES'.</p> </blockquote><p>However, <a href="https://stackoverflow.com/a/38865754/2404470">we're already using the latest</a> and this is not the main problem.</p> <p><strong>Tried solution 4</strong></p> <ul> <li>It seems like <a href="https://stackoverflow.com/a/40726612/2404470">input is the solution, however since there are lot of components - we're not considering this suggestion</a></li> </ul> <p><strong>Tried solution 5</strong></p> <ul> <li><a href="https://stackoverflow.com/a/40673931/2404470">The names are distinct, so this suggestion is out of scope</a></li> </ul> <p><strong>Possible solution</strong></p> <ul> <li><a href="https://stackoverflow.com/u/1157512">@PaulParton</a> is talking about <a href="https://stackoverflow.com/q/39629959/2404470">form group</a>, we're not sure as to if this is the correct solution or not. </li> </ul> <p><strike>We don't wish to put a lot of messy code for input/outputs on these components.</p> <p>Is there a way we can use something like <strong>shared services</strong> for this?</strike></p><div class="h2_lin"> 解决方案 </div><p>To initialize a form with "empty" data, I do something like this:</p><pre><code>initializeProduct(): IProduct { // Return an initialized object return { id: 0, productName: null, productCode: null, tags: [''], releaseDate: null, price: null, description: null, starRating: null, imageUrl: null }; } </code></pre><p>And then bind to the initialized product.</p> <p>You can find a complete example here: <a href="https://github.com/DeborahK/Angular2-ReactiveForms" rel="nofollow noreferrer">https://github.com/DeborahK/Angular2-ReactiveForms</a> (specifically the APM folder).</p> <p>This code is for my "Angular Reactive Forms" course on Pluralsight if you want to see more details on how it was built: <a href="https://app.pluralsight.com/library/courses/angular-2-reactive-forms/table-of-contents" rel="nofollow noreferrer">https://app.pluralsight.com/library/courses/angular-2-reactive-forms/table-of-contents</a></p> <p>这篇关于如何在单击父按钮单击时重置子输入的数据和视图?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('2519292');">查看全文</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="当我单击子页面按钮单击事件时，如何显示父页面进度栏." href="/1356793.html"> 当我单击子页面按钮单击事件时，如何显示父页面进度栏.; </a> </li> <li> <a target="_blank" title="单击提交按钮后如何重置输入值?" href="/2368169.html"> 单击提交按钮后如何重置输入值?; </a> </li> <li> <a target="_blank" title="单击子窗体中的按钮时如何刷新父窗体?" href="/2490409.html"> 单击子窗体中的按钮时如何刷新父窗体?; </a> </li> <li> <a target="_blank" title="如何在单击子元素时隐藏父元素" href="/582930.html"> 如何在单击子元素时隐藏父元素; </a> </li> <li> <a target="_blank" title="SwiftUI:如何在单击按钮时显示视图?" href="/1844489.html"> SwiftUI:如何在单击按钮时显示视图?; </a> </li> <li> <a target="_blank" title="单击div内的按钮时防止单击父级" href="/2473829.html"> 单击div内的按钮时防止单击父级; </a> </li> <li> <a target="_blank" title="如何在拖动父级子级时防止父级的单击事件" href="/2153526.html"> 如何在拖动父级子级时防止父级的单击事件; </a> </li> <li> <a target="_blank" title="单击重置按钮时如何重置datetimepicker控件的文本框?" href="/1429270.html"> 单击重置按钮时如何重置datetimepicker控件的文本框?; </a> </li> <li> <a target="_blank" title="如何在单击按钮时加载DataTables数据" href="/2286422.html"> 如何在单击按钮时加载DataTables数据; </a> </li> <li> <a target="_blank" title="Angular 2防止在单击子级时单击父级" href="/1895704.html"> Angular 2防止在单击子级时单击父级; </a> </li> <li> <a target="_blank" title="单击按钮时如何在表格中添加子行" href="/2481278.html"> 单击按钮时如何在表格中添加子行; </a> </li> <li> <a target="_blank" title="单击主/父窗体时，子/子窗体关闭" href="/1378456.html"> 单击主/父窗体时，子/子窗体关闭; </a> </li> <li> <a target="_blank" title="当用户单击其子元素时，如何防止父单击事件?AngularJS" href="/2178091.html"> 当用户单击其子元素时，如何防止父单击事件?AngularJS; </a> </li> <li> <a target="_blank" title="单击按钮重置所有Formdata" href="/1492379.html"> 单击按钮重置所有Formdata; </a> </li> <li> <a target="_blank" title="子元素单击事件触发父单击事件" href="/1008285.html"> 子元素单击事件触发父单击事件; </a> </li> <li> <a target="_blank" title="如何在单个视图中单击按钮时显示PDF" href="/1202513.html"> 如何在单个视图中单击按钮时显示PDF; </a> </li> <li> <a target="_blank" title="单击按钮时，如何将 UIView 添加为 UIViewController 的子视图?" href="/2456351.html"> 单击按钮时，如何将 UIView 添加为 UIViewController 的子视图?; </a> </li> <li> <a target="_blank" title="单击主按钮时，激活/显示子按钮." href="/1459053.html"> 单击主按钮时，激活/显示子按钮.; </a> </li> <li> <a target="_blank" title="单击重置按钮时清除的文本框" href="/1446480.html"> 单击重置按钮时清除的文本框; </a> </li> <li> <a target="_blank" title="如何修复输入按钮单击按钮" href="/1207131.html"> 如何修复输入按钮单击按钮; </a> </li> <li> <a target="_blank" title="父级单击时，jQuery Click子级" href="/1814882.html"> 父级单击时，jQuery Click子级; </a> </li> <li> <a target="_blank" title="如何在单击时打印大型网格视图数据" href="/1159857.html"> 如何在单击时打印大型网格视图数据; </a> </li> <li> <a target="_blank" title="Angular 5在父组件上单击按钮时，将单击事件中的数据从父组件传递到子组件" href="/1926138.html"> Angular 5在父组件上单击按钮时，将单击事件中的数据从父组件传递到子组件; </a> </li> <li> <a target="_blank" title="单击按钮时如何通过动画显示视图？" href="/947520.html"> 单击按钮时如何通过动画显示视图？; </a> </li> <li> <a target="_blank" title="单击按钮时如何防止单击事件" href="/1032668.html"> 单击按钮时如何防止单击事件; </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="为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？" href="/1996151.html"> 为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？; </a> </li> <li> <a target="_blank" title="错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接" href="/749568.html"> 错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接; </a> </li> <li> <a target="_blank" title="如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？" href="/1009885.html"> 如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？; </a> </li> <li> <a target="_blank" title="如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？" href="/884909.html"> 如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？; </a> </li> <li> <a target="_blank" title="警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件" href="/818517.html"> 警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件; </a> </li> <li> <a target="_blank" title="如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？" href="/343346.html"> 如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？; </a> </li> <li> <a target="_blank" title="此请求已被阻止;内容必须通过HTTPS提供" href="/886417.html"> 此请求已被阻止;内容必须通过HTTPS提供; </a> </li> <li> <a target="_blank" title="资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）" href="/562873.html"> 资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）; </a> </li> <li> <a target="_blank" title="通过HTTPS加载页面但请求不安全的XMLHttpRequest端点" href="/885901.html"> 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点; </a> </li> <li> <a target="_blank" title="拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。" href="/47347.html"> 拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。; </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 = '如,何在,单击,父,按钮,单击,时,重置,子,输入,的,数据,和,视图'; var cat = 'cc';';//qianduan</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>