如何将输入字段附加到Angular 2中的另一个字段，如果它是原始的？
在Angular 2中，可以使用属性绑定来将输入字段附加到另一个字段。属性绑定是一种机制，通过它可以将组件类中的属性与模板中的元素属性或指令绑定起来。
要将输入字段附加到另一个字段，可以按照以下步骤进行操作：
- 在组件类中定义两个字段，一个是输入字段，另一个是目标字段。例如，假设有一个输入字段名为
inputField，目标字段名为targetField。 - 在模板中，使用属性绑定将输入字段与目标字段关联起来。可以通过使用方括号
[]将目标字段绑定到输入字段。例如，可以将[targetField]="inputField"添加到模板中的元素或指令上。
下面是一个示例：
在组件类中：
export class MyComponent {
inputField: string;
targetField: string;
}在模板中：
<input [(ngModel)]="inputField">
<p>输入字段的值：{{ inputField }}</p>
<p>目标字段的值：{{ targetField }}</p>
<button (click)="targetField = inputField">将输入字段附加到目标字段</button>在上面的示例中，使用双向数据绑定[(ngModel)]将输入字段与输入框元素绑定。当用户在输入框中输入值时，输入字段的值会自动更新。点击按钮时，将输入字段的值赋给目标字段，从而将输入字段附加到目标字段。
这种方法可以用于将任何类型的输入字段附加到另一个字段，无论它们是原始类型还是其他对象。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
4回答
我在angular表单中添加了一个文本区。所有的输入/mat-select字段都可以很好地使用requried属性。对于textarea，我添加了一个自定义类来显示红色边框。由于某种原因，当我单击clear按钮时，两个输入字段会自动应用其自己的红色类，但我的texareaa自定义类不会应用，除非它被触摸过。这很好，但与输入字段的样式不匹配。如何将相同的验证样式应用于文本区域：https://stackblitz.com/edit/angular-mpefsn .text-error.ng-invalid.ng-touched{
border: 1px solid #b00b00;
} 如
浏览 35提问于2019-09-19得票数 3
回答已采纳
3回答
我制作了一个组件网络，其中我有一个输入字段，单击button.On按钮，我正在显示第二个组件。我想将数据从一个组件发送到另一个组件吗？
如何将数据从一个组件发送到另一个组件..I需要发送输入值(无论用户在输入字段中输入什么)我需要在下一个组件或下一个页面上显示.On按钮单击.how发送数据？这是我的plunker
import {Component,View} from 'angular2/core';
import {Router} from 'angular2/router';
@Component({
templateUrl: 'hom
浏览 0提问于2016-01-15得票数 10
回答已采纳
在用户手动将字段设置回初始值之后，Angular决定不将输入的类从ng-dirty重置为ng-pristine的原因是什么？
只有当用户实际更改了表单的一些数据时，我才想执行保存逻辑。是否有比手动保存初始状态和检查提交时的差异更好的方法？
浏览 3提问于2016-10-11得票数 2
回答已采纳
重复说明:大多数问题+对同一主题的回答都是基于Angular2 <= v2.0.0-rc4。对于rc5，旧的Module/Provider被废弃，并且在rc6中被删除，因此这些答案不再适用。
问题是:如何将angular2服务注入另一个服务类？Singe服务不是@Component()的，它们没有"prodivers“元数据字段。在angular2 >= rc6中，将服务作为依赖项添加到bootstrap()函数中不再有效。那怎么做呢？
浏览 1提问于2016-09-09得票数 1
回答已采纳
我试图为下面的源代码编写代码。
此字段是用于输入选择的自动填充字段。
<input id="ctl00_ContentPlaceHolder1_txtBranch" class="textbox_service ui-autocomplete-input" name="ctl00$ContentPlaceHolder1$txtBranch" style="width: 200px;" onblur="return branch();" onchange="return CheckBranchName(
浏览 1提问于2017-12-08得票数 0
2回答
我完全是AngularJS的新手。我想弄清楚ng模型是怎么工作的。我要做的是获取输入字段的字符串，并查看它是否等于另一个字符串。我查过医生但搞不清楚。任何对初学者的建议都将不胜感激！
var app = angular.module("app",[]);
app.controller('MainController',function($scope){
if($scope.name === "Lisa"){
alert("my name is lisa !");
}
})
浏览 1提问于2015-09-29得票数 0
回答已采纳
请您告诉我如何将输入字段type=“密码”转换为type=“.In”，我的演示中有两个输入字段Mobile no和Re-enter mobile number，如果用户输入相同的10数字，则将type=“密码”转换为type=“文本”。
示例:如果您输入移动号码9891234567和重新输入密码9891234567，则两个字段都要保密到type="text“。我们能在角度上做到这一点吗？
这是我的代码
import { Component } from '@angular/core';
import {FormBuilder, FormGroup, Validators
浏览 0提问于2018-08-22得票数 0
回答已采纳
我有一个在Angular JS中进行逆向工程的页面。所有的内容都是由一个PHP脚本回显的(我知道这不是一个好的做法，但我正在慢慢进入Angular，只想把它用于onBlur事件)。
我试图弄清楚如何将一个变量从PHP传递给Angular。变量(客户电子邮件)是不可编辑的，所以我想把它放在一个隐藏字段中。问题是ng-model没有绑定到隐藏的输入。我需要另一个解决方案..
浏览 1提问于2014-03-27得票数 3
回答已采纳
1回答
我正在使用JSP和角JS。我有一个带有隐藏输入字段的JSP页面。session属性设置为其值，如下所示。
String policy = (String)session.getAttribute("POLICY_CHANGE");
<input type="hidden" value="<%=policy%>" name="policy" ng-model="$scope.policyChange" />
如何将输入字段的值绑定到控制器中的变量$scope.policy。
JS
v
浏览 0提问于2017-02-20得票数 0
如何将输入字段转换为base64编码或解码在angular js中，如果任何主体知道plz回答 我想要将输入字段值转换为base64
浏览 56提问于2020-01-13得票数 0
2回答
有一个PDF格式，其中有一些字段可以接受来自用户的值(例如："bio“表单)。我的问题是，如何将用户输入插入到现有PDF的正确字段并生成已填充的PDF？如果我使用iTextSharp，那么如何选择坐标来打印值？
是否有任何设计工具来设计矩形字段以接受值？因为我的PDF模板有很多字段可以从用户端获取值。tnx在；
浏览 3提问于2015-12-29得票数 0
回答已采纳
提交表单后，输入的pristine状态仍然是"false“。我不知道如何将pristine状态重置为true。在Angular 1中，我将使用$setPristine函数。
浏览 1提问于2016-02-19得票数 3
输入公司名称字段后，从自动建议列表中选择QTP 12.51中的最后一个值。
请查看附呈的图片链接并等待回复。
浏览 3提问于2015-11-16得票数 1
回答已采纳
我在我的angular应用程序中有一个简单的文本输入字段，它预先填充了一个默认值。我想在页面加载时预先选择文本。
输入字段：
<input type="text" ng-model="city" class="form-control" select-on-load />
指令：
weatherApp.directive('selectOnLoad', function () {
// Linker function
return function (scope, element, attrs) {
eleme
浏览 1提问于2015-01-28得票数 0
3回答
我在用Angular 6。和Reactive form builder来构建一个表单。
ngOnInit() {
this.landingPageForm = this.formBuilder.group({
title: new FormControl('', [
Validators.required
]),
description: new FormControl('', [
Validators.required
]),
faqs: this.formBu
浏览 0提问于2018-09-21得票数 0
回答已采纳
2回答
我正在尝试在一个Angular应用程序的输入字段上设置自定义验证。不能将验证设置为模式，因为它基于另一个字段的内容(即，密码必须匹配)
在这种情况下进行验证的一种方法是检查表单输入上的字段。但是，我希望能够实时检查有效性，并能够使用.ng-dirty和.ng-valid等CSS类，这些类是在Angular负责验证时出现的。
我尝试使用$scope.formName.inputName.$setValidity(...)，但在这方面遇到了问题(StackOverflow question )。
在AngularJS中有没有其他方法来设置自定义验证？
浏览 0提问于2016-08-31得票数 0
我有一个简单的应用程序。用户在文本字段中输入两个值，然后程序将这两个值相加。最终，应用程序将比现在更强大，但我需要知道如何将输入从UITextField对象转换为数字。
这就是我现在所拥有的：
NSInteger *intmass = self.accl.integer;
我也试过了，它会让我的应用崩溃：
intMass = [mass.text integerValue];
我得到的错误是：
Property 'integer' not found on object type UITextField.
浏览 3提问于2014-03-14得票数 0
如何将"ui.bootstrap“依赖项添加到现有的bower组件中，以实现”提前输入“功能？
在异步搜索项目时，我遵循给定的链接()，以便自动完成建议，它需要ui.bootstrap来实现此功能，所以如何将此特性添加到现有的项目bower.json文件中？
我的bower.json
{
"name": "project-ui",
"version": "0.0.0",
"dependencies": {
"angular": "^1.3.0",
浏览 3提问于2015-04-28得票数 1
回答已采纳
我有$scope.user = {}，当我这样做的时候，输入中的名字被存储到$scope.user中，我如何将这个值存储到另一个变量中？
var myApp = angular.module('myApp', []);
myApp.controller('WizardController', ['$scope', function($scope){
$scope.user = {};
$scope.displayName = $scope.user{'name'};
}]);
浏览 2提问于2014-05-20得票数 0
1回答
所以我偶然发现了一个奇怪的.我正在使用angular material的表单字段组件来创建我的表单...我注意到，如果我在mat输入字段中使用一个按钮作为matSuffix，如果我试图从另一个字段提交表单(例如按enter )……该字段get是焦点，然后单击按钮(后缀)... 甚至将angular材质的示例包装成一种形式，我也会得到相同的结果：https://stackblitz.com/edit/angular-frc7tj?file=app/form-field-prefix-suffix-example.html <div class="example-container
浏览 15提问于2021-10-12得票数 0
回答已采纳
5回答
最近，我创建了一个Angular5应用程序，在这个应用程序中，我使用了ngx引导程序来显示数据报警器和调制解调器。它在生产之前运行得很好，但是在生产之后，它似乎失去了它的造型。
请检查附呈的图像..。
我再次遵循了所有的实现步骤，但是没有什么效果。
请帮助解决这个问题。非常感谢。
浏览 0提问于2018-04-17得票数 11
回答已采纳
有多个输入字段。如果用户未能输入任何输入字段并单击submit按钮(submit按钮将始终处于启用状态)。一条错误信息应该出现在页面顶部，指出“名字是必需的”。我需要在angular 6中使用它。我们在angular中确实有很多很好的验证功能，但我不能使用它。以上就是我需要提出的angular的确切要求
浏览 0提问于2019-04-05得票数 1
我创建了一个游戏对象，没有破坏负载。我希望这是输入数据的持有者，这样我就可以在另一个场景中访问字符串。问题是如何将用户从输入文本字段输入到我的游戏对象，并返回到另一个场景中的文本字段。我想，我可以使用内置脚本上的最终编辑(字符串)脚本附加到输入字段在检查器，以传递输入到我的游戏对象。我的目标是从用户输入中获取字符串，并在另一个场景中很好地显示这些字符串。我还标记了我所有的输入字段，并将一个脚本附加到我的游戏对象上，该脚本可以找到带有标记的所有游戏对象。这可能是获得字符串的更好的方法。
浏览 2提问于2016-10-21得票数 0
回答已采纳
我在做一个联合项目。我有一份文件：
API.cs (不附于任何GameObject)
using UnityEngine;
using UnityEngine.Networking;
using System.Collections;
using LitJson;
public class API : MonoBehaviour
{
public IEnumerator Login(string email, string psw)
{
string URL = "https://####.azurewebsites.net/api/login
浏览 1提问于2018-10-09得票数 2
回答已采纳
1回答
如何将FilePond文件字段与其他表单元素一起上传到服务器。例如，我有一个表单元素，其中包含输入字段、选择字段、文本区域和连接到Filepond插件的文件输入字段。 <form class="uploadform">
<input type="text" placeholder="type the title of the document you are uploading">
<textarea class="textarea" placeholder="type an
浏览 32提问于2020-09-03得票数 1
回答已采纳
1回答
如何将数据从模型发送到屏幕？
、、、、
我想添加Todo使用模型.When，我点击Add todo按钮(下一个)..It，打开模型.I，不管我在输入字段中输入什么，它都应该添加到列表中。
那么，如何将输入字段数据发送到屏幕或页面.I，希望在模型和屏幕/页面..How之间共享数据，以便使用模型在列表中添加项？
这是我的密码
import { Page ,ViewController} from 'ionic-angular/index';
@Page({
template: `
<ion-content padding>
<h2>Add Todo!</h2>
浏览 2提问于2016-05-24得票数 1
回答已采纳
面板中有4个JTextField、一个JButton和一个JTextArea组件。
用户在4个文本字段中输入一个字符串，当单击按钮时，文本字段中的字符串将附加到文本区域中。将为下一组要显示的输入清除文本字段。
如果用户输入的数据与以前在文本区域中输入和显示的3个字段完全相同，则会显示一条错误消息。
我的问题是，如何将文本字段中的数据与JTextArea中已经显示的数据进行比较？
看起来是这样的：
浏览 5提问于2015-09-28得票数 0
回答已采纳
1回答
我有一个简单的表单，带有一个文本区和一个保存按钮。在该字段中输入的内容将存储在mysql中，然后显示在另一个页面上。每次你在文本区输入内容并保存，它会将其保存在已经存储的内容之上，生成一个更长的字符串，如果你明白我的意思的话。
即时通信使用mysql_real_escape_string
在测试中，当我第一次输入撇号时，它显示为\‘，这是正确的。但当我再次输入撇号时，它就会断开
怎么一回事？
谢谢
浏览 2提问于2012-11-02得票数 0
回答已采纳
我有缺陷，只有当视网膜旗失效时才会发生。
我尝试绘制多个渲染纹理，以实现一些多后效果:所以我有3个渲染纹理，
fbo 1用于最终pos效应
fbo 2，用于后缓冲器w/light
用于遮光罩的fbo 3
我使用cocos2dx的fbo机制将fbo1推到屏幕上。
将fbo2推送到fbo1
fbo 3只是用于fbo2着色器渲染的取样器纹理
游戏角色将在fbo2上绘制，然后将fbo2呈现给fbo1 (我们可以在这里应用一些效果)，然后将fbo1绘制到屏幕上，然后进行gui分层。
事情是所有的gp演员都被吸引到fbo2中，“似乎”缩小了3次，所以它就像左下角的小游戏屏幕，但是来自fbo3或
浏览 0提问于2015-05-10得票数 0
回答已采纳
mat-form-field的行高最初设置为1.125。当用更高的值(例如1.5)覆盖它时，它会导致mat-form-field中嵌套的input-element中的跳跃效果。在聚焦/模糊模式下，文本会上下跳动。
要查看此问题，请在Internet Explorer中打开此stackblitz，在输入字段中键入内容，并多次聚焦/模糊该字段。输入的文本将上下跳跃。删除line-height属性时，它不会跳转。
我已经在angular/material项目()中发布了这篇文章。
有没有人知道如何处理这个问题，为什么会发生这种情况？在Chrome中，一切都运行得很完美。
浏览 20提问于2018-08-21得票数 1
我试图通过SSIS中的DTSX包中的ODBC中的列通过: SSIS - ODBC源高级编辑器-输入和输出属性来更改DataType属性。
我从数据类型更改：currency [DT_CY]
到数据类型：numeric [DT_NUMERIC]
按“确定”，但当我重新打开高级编辑器时，更改将不会保留。附具详细资料的文件。
浏览 1提问于2016-06-15得票数 1
回答已采纳
我正在尝试将Azure Active Directory凭据从Angular 2应用程序传递到ASP.NET Core2.0WebAPI，以便Web可以根据用户的属性和权限做出反应。
如果我在Angular应用程序上进行身份验证，我如何将凭据传递给API进行身份验证？
如果我使用的是OpenIdConnect，它需要在Microsoft url中输入用户名和密码。
浏览 0提问于2018-03-09得票数 1
2回答
我想用通过GUI表单接收到的对象(Person)创建一个集合。
表单以名称、姓氏和电话号码作为文本字段和添加按钮。点击“添加”按钮，使用文本字段中输入的数据创建一个新的人。
我被困在如何将所有这些人存储在一个集合中的另一个类。我试过以下代码：
List collection = new ArrayList();
collection.add(p);
其中p是person。这不是works.What，我做错了吗？
浏览 6提问于2013-12-18得票数 0
回答已采纳
2回答
我正试图为我的网站创建一个表单。我在输入及其占位符中遇到了一个错误/问题/问题。
它应该是易于实现的，它看起来像。占位符位于输入字段之下，而不是“内部”字段，而且当输入文本时，占位符不在输入字段的上部。
<md-form-field>
<input mdInput [formControl]="messageForm.controls['email']">
<md-placeholder>E-mail</md-placeholder>
</md-form-field>
我试过把它包装
浏览 1提问于2017-08-31得票数 1
1回答
如何以反应式(例如angular 11 )获得两个或多个字段输入的总和？所以我想要所有两个或更多输入值的总和，并通过使用angular +6中的反应形式在另一个输入中获得结果，我该怎么做？
浏览 0提问于2021-03-04得票数 1
嗨，我正在做angular6项目。我在设计表格。在这两个输入域中，一个是card_no，另一个是type_of_card。当我们在card_no输入字段中输入卡片编号时，点击enter后，它应该在type_of_card输入字段中显示卡片的类型，具体取决于卡片编号。如何在angular中实现这一点。请帮帮忙！
浏览 14提问于2019-10-04得票数 0
好的。我有两节课。一个是我的图形用户界面，另一个上面有一个ArrayList。图形用户界面运行得很好，我的ActionListeners也运行得很好。我的问题是-我如何从文本字段获取输入，并将它们转换到我的ArrayList中进行进一步处理？
如何将一个类中输入到ArrayList中的值放到另一个类中的textfeilds中？我知道如何填充ArrayList。我只是不知道如何使用来自不同类中的文本字段的信息来填充ArrayList。
浏览 0提问于2014-10-25得票数 0
1回答
我的文件上传功能与angular中的其他字段一起出现了问题。我试着用POSTMAN测试我的laravel函数来保存和上传包含其他字段的文件，它起作用了。
然而，在尝试它与Angular JS表单一起工作时，它给了我一个这样的错误：
这是我的angular js代码，用于从form获取所有输入并将其传递给laravel：
$scope.addAccount = function(obj) {
if ($scope.transformForm.$valid && $scope.netForm.$valid) {
$scope.u
浏览 1提问于2016-09-17得票数 2
我有一个代码，它使用angularjs显示来自json的三行信息。
现在，我希望在表单输入中输入与该行相对应的任何值来替换该行视图中已经存在的值。
例如：在行1中，对于子注释变量有值hellosub1。现在，如果我在表单输入中输入另一个值，比如NewSub1，它将替换/更新该行的**角视图**中已经存在的值。
上面的代码的问题是，每次输入新的子注释时，它都只会替换/更新第一行的子注释值。与单击的保存按钮无关
我不知道问题是否来自下面的代码行
$scope.posts[index].comment[0].subcomment = subcomment;
下面是整个部分工作的代码，它只更新第一行，
浏览 1提问于2018-06-10得票数 1
回答已采纳
我有一个角度应用程序编写的模板驱动的表单，并有两个输入字段，必须标记为无效后，立即加载组件，当两个组件都是空的。输入字段可以使用(ngModel) - myData.fieldA和myData.fieldB获得默认值。当它们都是空或空时，它们都应该被标记为无效。当它们中至少有一个被填充时，输入在将来不需要标记为无效。
我有以下代码：
<mat-form-field appearance="outline" class="width-small">
<input matInput [required]="isFi
浏览 3提问于2022-06-29得票数 0
2回答
在Angular应用程序中，有多个视图，它们有不同的输入。当用户进入视图时，他需要单击输入字段来输入值。在移动设备上，这是预期的行为，因为用户必须打开键盘小部件才能键入，所以他需要单击字段来键入数据是很好的。但在计算机上，不需要键盘小部件来打开。用户可以直接输入。我的问题是:如何将输入字段设置为“默认”，以便当用户开始在计算机(或任何其他带键盘的设备)上键入时，“默认”输入字段将聚焦并获取输入的字符串？类似于： <input defaultInputOfAView="true"></input>
浏览 14提问于2019-10-09得票数 1
回答已采纳
附
<script src="js/angular/angular.js"></script>
<script src="js/lib/iscroll.js"></script>
<script src="js/lib/ng-iscroll.js"></script>
JS文件
var App = angular.module('MyApp', [ 'ng-iscroll', ]);
App.controller('LoadU
浏览 2提问于2014-04-16得票数 1
1回答
如何将小部件设置为不允许手动输入日期？用户应该只能使用日历选择日期。 示例表单如下：https://js.devexpress.com/Demos/Widgetsgallery/Demo/Form/CustomizeItem/Angular/Light/ 我所指的字段是“雇用日期”。
浏览 26提问于2020-08-13得票数 0
2回答
我从postgres获得了一些日期文件，格式如下：
"2000-11-30T14:00:00.000Z“
我不能在页面上的可编辑日期字段中使用这个。类似于：
<a href="#" editable-date="employee.brthday"
onbeforesave="updateField($data, 'brthday', employee)">
{{employee.brthday || 'empty' | date:"dd/MM/yyy
浏览 1提问于2014-11-09得票数 7
回答已采纳
我有一个定制的Validator来检查输入字段中的空格，但是我不明白为什么输入字段是未定义到构造函数中的。
CustomValidationComponent：
import {Component} from '@angular/core';
import {FormControl, FormGroup, FormBuilder} from '@angular/forms';
import {UsernameValidators} from './usernameValidators';
@Component({
selector:
浏览 2提问于2017-06-19得票数 0
回答已采纳
1回答
我的输入是“[CL”列包含“CL”。在“MYStps”栏中，我使用了like查询。但我得到了一个例外。下面的图片附呈。
{
DataRow[] searchResult = MyDataTable.Select("MYStps Like '%" + txtSearchLog_Level.Text.Trim() + "%'");
}
浏览 2提问于2014-02-21得票数 3
假设我有两个表单字段和另一个HTML段落，基本上就是Django值。
A号：
<input ...>
B号：
<input ...>
<p>{{ sum }}</p>
我希望sum更新“实时”(即，在输入两个数字之后，系统将自动计算和输入和)。
我不知道从哪里开始，我认为这与某种javascript有关，但我不知道如何将任何JS链接到Django，反之亦然。
浏览 1提问于2020-03-06得票数 0
回答已采纳
为什么angular和checkbox模型没有绑定到“选中”的checked=。角度加载后，该复选框将被取消设置。例如：
<div ng-app>
<form>
<input type="checkbox" ng-model="redirect" checked="checked">
<input type="text" ng-disabled="redirect==false">
</form>
</div&
浏览 2提问于2013-09-27得票数 2
我想为我的主页构建JSON-LD。在我的页面里我有：
标题
导航(2系列)
侧边栏(附2项清单)
一份主要项目清单
页脚
我尝试像这样构建JSON-LD：
<script type="application/ld+json">
[
{
"@context": "http://schema.org",
"@type": "WebSite",
.
.
.
},
{
"@context": "http://sc
浏览 0提问于2016-12-08得票数 1
回答已采纳
告诉我如何将滚动添加到"MyDialog扩展对话框“。
有一个包含组件(EditText等)的MyDialog，如果我想在字段中输入一些东西，离开键盘，一些内容就会丢失，超出范围。例如，要在另一个字段中键入内容以隐藏键盘，然后选择不同的输入字段。最好是不需要隐藏键盘来滚动fire的内容，如果不是所有的都适合的话。
谢谢。
浏览 15提问于2013-05-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
