提交表单Angular 2后更新侧边栏中的图像
是一个前端开发的问题。在Angular 2中，可以通过以下步骤来实现：
- 创建一个表单组件，用于接收用户输入的数据。可以使用Angular的表单模块来构建表单，并使用双向数据绑定来获取用户输入的值。
- 在表单组件中，创建一个方法来处理表单的提交事件。在这个方法中，可以将用户输入的数据发送到后端服务器进行处理，并获取返回的结果。
- 在接收到后端返回的结果后，可以根据需要更新侧边栏中的图像。可以通过修改组件中的变量或调用相应的方法来实现图像的更新。
- 在侧边栏组件中，可以使用Angular的数据绑定来显示图像。可以将图像的URL绑定到一个img标签的src属性上，这样当图像URL发生变化时，侧边栏中的图像也会相应地更新。
- 如果需要在图像更新时添加一些动画效果，可以使用Angular的动画模块来实现。可以通过添加动画触发器和动画状态来定义图像更新时的动画效果。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：用于存储和管理图像文件。可以将用户上传的图像文件保存到COS中，并获取图像的URL用于显示。 产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云函数（SCF）：用于处理表单提交事件并调用后端服务。可以将表单提交事件的处理逻辑封装成一个云函数，并在表单组件中调用该云函数来处理表单的提交。 产品介绍链接：https://cloud.tencent.com/product/scf
- 腾讯云CDN加速：用于加速图像的传输和加载。可以将侧边栏中的图像文件通过CDN加速，提高图像的加载速度和用户体验。 产品介绍链接：https://cloud.tencent.com/product/cdn
相关·内容
我有以下设置: Layout和Routes文件夹，Layout由侧边栏组成，我在侧边栏中显示用户图像，Routes由我在路由器插座中显示的所有页面组成。我在Routes文件夹中有一个上传新图像的页面，在提交表单后，我想同时在我的侧边栏中显示新图像。目前，它在我重新加载页面<e
浏览 4提问于2017-07-20得票数 0
回答已采纳
我使用的是角度材质，我有两个组件，即侧面导航栏和工具栏，我想根据侧面导航栏是关闭还是打开来显示两个不同的图像。如果它是打开的，我希望图像显示在它里面，否则显示在工具栏上。我想知道如何在按钮上显示或隐藏图像 (click)=drawer.toggle();
浏览 18提问于2019-02-26得票数 0
回答已采纳
1回答
我正努力实现以下设计：到目前为止，我得到的是：我想要底部的图像，如我的设计例子。<?php get_header(); ?
浏览 5提问于2022-07-29得票数 0
4回答
我有一个简单的搜索表单，我想在我的代码点火器应用程序中跨多个页面重用。例如，现在我在侧边栏中有一个搜索表单，我计划在索引、关于和其他页面上显示这个边栏。我想让表单验证在用户提交表单的同一页上显示错误。
用户在“关于”页上的侧边<e
浏览 4提问于2012-04-08得票数 0
我在模式对话框中有一个表单，一旦表单被提交，我必须用表单数据更新侧边栏。怎样才能实现呢？我尝试在某个特定的时间间隔轮询表单数据。还有没有别的工作？
浏览 10提问于2017-02-20得票数 1
1回答
我想不出如何删除包含多个joomla元素的页面中间开始段落之间的空白(将模块加载到文章中)这不是css问题，我在模板文件中也看不到任何问题。有没有人能提供一些见解？
以下是几个受影响的页面：
浏览 4提问于2014-03-05得票数 0
2回答
不确定这是否是正确的措辞，但如果我有一个html5表单，它位于页面的指定侧边栏中，在提交时，我基本上可以重新加载侧边栏吗？或者重复的页面必须加载到刚才更改的侧栏中吗？第二，javascript涉及的内容。
表单提交只是客户端，因为我不需要担心安全性和“实际上”发送填写的表单信息。
浏览 2提问于2014-05-16得票数 0
回答已采纳
当我意外地移动提交按钮时，我正在保存一个文件，现在它在侧边栏之外。有办法把它放回或重置所有按钮的位置吗？
浏览 10提问于2022-07-24得票数 0
我为我的垂直导航创建了一个侧边菜单，因此我在单击时切换侧边菜单。我需要在单击菜单之外的任何位置时关闭该菜单。我尝试安装：
(clickOutside)="close()"有什么需要帮忙的吗？指令代码：
import {Directive, ElementRef, Output, EventEmitter, HostLi
浏览 0提问于2017-05-18得票数 3
1回答
我是Symfony和树枝模板的新手，我正在努力解决使用symfony中的form by创建的表单来提交数据的问题。单击“创建”按钮不会提交数据。我创建了一个模板addEmployee.html.twig，它用navbar和侧栏扩展基本模板。
我注意到，只有当我没有扩展基时，这个表单才能工作。因此，只有在创建表单的模板没有父模板的情况下，才会创建适当的</e
浏览 0提问于2019-05-24得票数 1
回答已采纳
3回答
我正在考虑从我信任的骨干转到Angular2 (或者我应该说，我的老板想玩一个新玩具，这对我来说没问题)，我在网上搜索了很多次，做了一些测试，但似乎找不到这个简单问题的答案：侧边栏负责显示它的集
浏览 2提问于2016-02-15得票数 7
1回答
即使窗口屏幕大小为
、、、、
当窗口大小为970px时，我尝试保留您在此页面上看到的左侧边栏。现在，如果我设置这个窗口的大小为970px，左边的边栏就消失了。我如何保持侧边栏在页面上，即使在970px断点？
浏览 0提问于2020-12-02得票数 0
1回答
我正在使用联系表格7在我正在工作的网站上，它是作为一个查询表格在侧边栏中使用。现在客户端希望这个表单的按钮文本(例如，请求引用)每页都是可编辑的，我不想为每个页面创建不同的侧边栏，因为这样做对用户不友好，而且在100+页面上也有。任何帮助/建议将不胜感激，因为我只是需要找到提交按钮和文本的回声。
更新:您可以在“编辑表单”区域内执行，但不能在语音标记之间
浏览 0提问于2013-05-28得票数 0
1回答
我有一个简单的表单来输入新案例(kase)的详细信息，它运行良好，单击submit可以存储信息并将用户带到show.html.erb页面。但是，我想要将表单的一部分移动到侧边栏-使用户更容易看到和使用，但是，当我将该部分移动到侧边栏时-在这些侧边栏字段中创建或编辑时输入的任何内容都将被忽略。你知道我如何在侧边栏中保留字段，但像以
浏览 1提问于2010-04-23得票数 1
回答已采纳
我已经将侧边栏设置为有背景图像，并将背景图像大小设置为自动。 <link rel="stylesheet" type="text/css" href="https://test.doig.com.au+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxp
浏览 15提问于2017-02-27得票数 0
回答已采纳
你有没有什么初步的想法，为什么自定义侧边栏会在更新4.4后停止在Wordpress主题中显示？我们的登录/加入页面显示了一个自定义的侧边栏，登录/加入表单位于页面的右侧，直到更新。这不是一个自定义侧边栏插件，它是主题的一部分。有什么想法吗？非常感谢！
可以启用默认的侧边栏，
浏览 2提问于2015-12-10得票数 0
在我的设计中，页面布局有侧边栏，页面在初始加载页面时显示图片库，当单击侧边栏中的按钮时，页面应显示过滤后的图像。我可以在侧边栏的点击事件中得到API服务器的过滤响应，但无法调用页面的图片加载函数，我如何调用侧边栏的点击事件中的</e
浏览 29提问于2020-02-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
