如果在ng-model中使用"+“运算符，则无法编辑文本框中的值
在ng-model中使用"+"运算符，无法编辑文本框中的值的原因是，ng-model指令用于双向数据绑定，将数据模型与视图进行同步。当使用"+"运算符时，ng-model会将文本框中的值与另一个表达式相加，而不是将其作为一个可编辑的值。
解决这个问题的方法是使用ng-bind指令或ng-value指令来替代ng-model指令。ng-bind指令用于将数据模型的值绑定到视图中的元素，而ng-value指令用于设置表单元素的值。
例如，可以使用ng-bind来显示一个变量的值：
<div ng-bind="variable"></div>如果需要在文本框中显示变量的值，并且允许用户编辑，可以使用ng-value指令：
<input type="text" ng-value="variable" />在这个例子中，文本框的值将会被设置为变量的值，并且用户可以编辑文本框中的内容。
腾讯云相关产品中，与前端开发和数据绑定相关的产品有腾讯云云开发（Tencent Cloud Base），它是一款提供云端一体化开发平台的产品，支持前端开发、后端开发、数据库、存储等多种功能，可以帮助开发者快速构建应用。具体产品介绍和链接地址如下：
腾讯云云开发（Tencent Cloud Base）：
- 产品介绍：腾讯云云开发是一款提供云端一体化开发平台的产品，支持前端开发、后端开发、数据库、存储等多种功能，可以帮助开发者快速构建应用。
- 产品链接：腾讯云云开发
通过使用腾讯云云开发，开发者可以方便地进行前端开发，并且使用ng-bind或ng-value指令来实现数据绑定，解决在ng-model中使用"+"运算符无法编辑文本框中的值的问题。
相关·内容
1回答
ng-文本框中的角禁用值模型
、、、、
我正在用angularjs用mvc-asp开发一个页面。我有这样一个文本框：
<div class="input-group">
<label for="Name">نام خودرو</label>
<input class="form-control" id="Name" ng-model="Name" required name="Name" type="text" value="@Edit.Name"&
浏览 1提问于2016-05-13得票数 0
回答已采纳
我使用ng-init来初始化"firstName“和"LastName”的值。现在，如果我设置ng-model="firstName“或ng-model="lastName”，那么我就可以编辑文本框中的值了。
但是如果我将ng-model设置为ng-model="firstName+lastName“，那么值将被映射，但我无法在文本框中编辑它。
为甚麽呢？
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
&l
浏览 8提问于2016-09-27得票数 0
3回答
在表单上，我有一个绑定到对象属性的文本框(实际上是几个文本框)。这是一个对象的编辑器。当我编辑某些对象并修改其中一个文本框中的值时，我无法退出文本框(既不能通过制表符，也不能单击另一个文本框)。然而，情况并不总是这样-当编辑其他(相同类型的)对象时，它工作得很好。
下面是一个代码片段：
txtValue.DataBindings.Add("Text", _SourceObject, "PlannedValue", True, DataSourceUpdateMode.OnPropertyChanged, Nothing, "c")
txtEstP
浏览 3提问于2008-10-20得票数 6
回答已采纳
编辑标记为"required“的角度文本框时，我无法删除第一个字母。
但是，如果我将光标移动到第一个字母之前，并输入一些文本，然后删除前面留下的最后一个字母，我就可以进行所需的编辑。
注意:创建新记录时未观察到此类问题。
请找到正在使用的示例代码。
<input type="text" class="form-control" ng-model="vm.xyz.firstName" ng-model-options="modelOptions" required />
使用的库版本: angular: 1.3.
浏览 1提问于2015-04-17得票数 1
我正在从数据库中加载一些值，这里我要做的是有一个复选框，加载描述，然后有两个文本框，第一个是可编辑的，第二个是只读的。
两个文本框都以从数据库加载的值开始，然后选中复选框时，可编辑文本框中的值将出现在只读文本框中，未选中时，只读复选框值为0。
<div ng-if="condition.ConditionDesc == 'Other'">
<div class="col-sm-1 unpad" ><input type="checkbox
浏览 0提问于2014-06-06得票数 1
回答已采纳
我有一个对象如下：
MyObj{
Groups:[{name:"test1": xdata:"[1,2,3]" }, {name:"test2": xdata:"[5,6,7]" }]
}
我必须在同一页上用两个不同的视图表示这些值。首先，视图在文本区域中呈现xData和yData，它使用SplitArray指令在文本区域的每行显示值1、2、3一个值。
<textarea split-array="" ng-model="group.xdata" > <
浏览 2提问于2013-08-26得票数 1
回答已采纳
我有一个HTML格式的：
<div class="row" ng-app="">
<form>
<input type="text" ng-model="link" name="link"
class="form-control" id="yesklinkshjhs3"
value="hello" placeholder='Link for
浏览 17提问于2019-10-25得票数 0
回答已采纳
我有一个带有ngModel绑定的文本框，如下所示：
<input type="text" ng-model="typing" />
和这个文本框的值。
value: {{ typing }}
我希望模型延迟在我输入时更新值。如果我停止输入500 if，模型将更新所有值(我在文本框中输入的所有内容)。我做了一些谷歌，但没有运气。安永有什么想法吗？请帮帮忙。
编辑
这个没有给出我的情况的解决方案。它会在模糊后带来解决方案更新值，但我希望在停止键入之后更新值，而不是模糊文本框。
编辑2(答案)
对于RangeVersion1.4，指令ngModelOpti
浏览 2提问于2013-08-05得票数 20
回答已采纳
1回答
我正在做一个角度项目，我在页面上进行计算。在我放置最终结果的textfield中，当我获得一个ng-model时，答案无法加载。当我拿出ng-model时，答案就出现了。但我希望它在具有ng-model=“总计”的情况下工作，因为我将将总价值发送到数据库。使用下面的脚本，它可以工作。
<input name="price" type="text" id="price" ng-model="price">
<input name="quantity" type="text" id
浏览 5提问于2016-08-19得票数 0
回答已采纳
3回答
我在控制器中有一个文本框，它被绑定到name模型中。控制器内部有一个指令，指令中还有另一个文本框，它绑定到同一个模型name
<div class="border" ng-controller="editCtrl">
Controller: editCtrl <br/>
<input type="text" ng-model="name" />
<br/>
<tabs>
Directive: tabs <br/>
浏览 8提问于2013-01-23得票数 57
回答已采纳
<p><input type="text" ng-model="test"></p>
<ul>
<li ng-repeat="x in names | filter:'!'+test">
{{ x }}
</li>
</ul>
如何在开始时显示列表中的所有项目，然后在我键入时排除这些项目？最初，不显示任何项目。只有在我在文本框中键入内容后，它才会显示除我键入的项目之外的项目。
浏览 1提问于2017-02-24得票数 0
大家好，我在angular中尝试了一些东西，我在这两者之间受到了冲击，我们可以为例如的输入元素赋值，其中参数是一个参数列表，在ng中重复
<input type="text" ng-model="parameters.inParameterName" class="form-control number" value="{{parameters.inParameterName = current}}"/>
^这是可行的，但当我试图从后端获取值的右侧时，即在该参数变量中
<input type="text
浏览 0提问于2017-09-22得票数 0
<p ng-repeat="row in matrix">
<span ng-repeat="column in row">
<input type="text" style="width: 20px; text-align: center;" ng-model="column" ng-change="{{column = }}">
</span>
</p>
在我的控制器上：
$scope.matrix
浏览 0提问于2013-10-18得票数 3
回答已采纳
我这里有一个html文本框。它有一个ng-model和一个初始值。问题是，当存在ng-model时，初始值不会显示，而我需要ng-model和文本框的初始值。
HTML：
<input type="text"
ng-model="selPcode"
name="missionId"
value="123">
JS：
$scope.setPcode = function(site){
$scope.selPcode = site.id};
有没有人能建议一种方法，
浏览 4提问于2016-03-16得票数 0
我是angular的新手，在我的应用程序中，我使用ng-repeat创建了一个text box和一个列表
当用户在文本框中键入任何内容时，我将使用以下代码根据键入的文本过滤结果
<input type=textbox ng-model="TypedText"/>
ng-repeat measure in newSearchResults |filter:TypedText
但angular中的默认过滤器提供的是包含搜索。我需要以开头和下一个包含的结果。我试着编写自定义过滤器，但这些都不起作用。帮助我创建自定义过滤器。
浏览 1提问于2014-03-28得票数 3
1回答
我有一个文本框，如果ng-model包含负值，我不想在文本框中显示任何内容，我想让ng-model保持原样。如果数据是负值，那么它不应该显示数据，如果值是负值，那么我希望显示空的in文本框，但ng-model应该包含该负值。我需要一个自定义过滤器来实现此功能
<input type = "text" ng-model="number"></input>
浏览 1提问于2018-02-05得票数 0
在使用Angularjs使用ASP.Net MVC更新文本框时，我遇到了一些困难。我有<div>标签显示ng-model..。当我单击“编辑”按钮时，会出现一个文本框，以便编辑<div>中显示的名称.
我在div和input中使用不同的ng模型，因为我不想直接绑定.
所以，我实际上有两个问题：
如果我要在两边使用相同的ng-model，如果我想在输入文本后取消编辑怎么办？？文本无论如何都会被更改，有什么方法可以撤消更改吗？？
2-如果不是，那么我的第二个问题，我需要你的帮助，更新文本框input，以获得值的div时，我点击编辑。
下面是我的代码：
我的看法是：
<
浏览 2提问于2016-06-18得票数 0
回答已采纳
我有一个HTML表，其中一个列是可编辑的
<td ng-model="my.grade">
<div contenteditable>
{{list.grade}}
</div>
</td>
我有一个角函数getInformation，它做一些计算，连接到后端，然后制作表格。我的目标是，当用户更改上述列的值并点击enter时，我希望更新表并基本上重新运行函数getInformation。我读到应该使用ng-model和ng-change，但是应该如何更新enter上的表值呢？
浏览 5提问于2014-03-01得票数 0
我被困在这里了。我有一个应用程序，它使用引导模式和两个文本框，其中有来自服务器的值。当我第一次打开模型并从文本框中移除条目时，会触发ng-change事件。一旦所有的字段都清除了，我就关闭了模式。当我再次打开该模式时，它会填充新值，但当我从文本框中删除该项时，将不会触发更改事件。
但是在这里我发现了另外一件奇怪的事情，上面提到的问题只有当我们在文本框中有一个项目时才会发生。
以下是我的html代码：
<tr>
<td>
<input only-numeric class="floatLeft" name="scoreSample
浏览 2提问于2014-02-20得票数 4
我写了一个函数，当输入文本框文本发生变化时会被调用-
在HTML上-
<input id="unique" type="text" data-ng-change="KeywordChange(filterKey)" ng-model="$parent.filterKey">
在控制器中
$scope.KeywordChange = function (filterKey) {
//some logic goes here
}
关键字更改功能在输入文本框文本更改时运行良好。但是，当我像这样更改输入文本框的值时，我
浏览 4提问于2015-11-25得票数 0
回答已采纳
我有下面的ng-重复
<div ng-repeat="selectedColumn in SelectedListItems" class="form-group">
<label class="control-label col-lg-4">{{selectedColumn.column}}</label>
<div class="col-lg-8">
<input ng-model="selectedColumn.column"
浏览 4提问于2015-07-20得票数 0
回答已采纳
3回答
用于检测在windows窗体中激活的控件。
this.ActiveControl = NameOfControl;
如何检测控件类型，例如活动控件是按钮还是文本框？
新建编辑：
如果active control是textBox类型，我想在按键上做一些事情，否则什么也不做
protected override bool ProcessCmdKey(ref Message msg, Keys keyData)
{
if (this.ActiveControl == xxxx)
{
//do SomeTh
浏览 0提问于2013-07-02得票数 2
回答已采纳
我不能设置文本框的默认值使用php，而使用angularjs
<input type="text" ng-model="formToken" value="<?php echo $token; ?>">
在这种情况下，输出不是在文本框中显示令牌值，但是当我删除ng-model="formToken“时，令牌值显示在值属性中，否则显示为空。我想将$token传递给textbox value属性，我该如何解决这个问题？
浏览 0提问于2014-08-26得票数 2
我在页面中有超过50个文本框元素。我尝试使用一个常用的javascript函数在每个文本框中输入值(ng-blur)后添加减号。但我无法将ng-model名称从jsp元素ng-blur调用传递到javascript函数，以便在输入值后附加减号。任何解决方案。 JSP元素： <input type="text" maxlength="10"
ng-blur="appendMinusSymbol('buzz.model1.rate')" ng-model="buzz.model1.rate"/>
浏览 16提问于2021-04-09得票数 0
回答已采纳
我需要自动填充第二个文本框，一旦用户使用angularjs填充了第一个文本框。它们都有自己的ng-model，所以我不能改变ng-model。有没有一种方法可以通过保持ng-model不同来将第一个文本框中的值复制到第二个文本框中？
浏览 1提问于2015-03-11得票数 0
在下面的角1.7.5代码中，我用ng-model将文本框连接到某个控制器字段，并在值发生变化时使用$doCheck进行操作。注意，在我的实际项目中，我所看到的值是一个对象，每当它的任何字段发生变化时，我都需要找出它的值，所以我必须使用$doCheck。我知道这对一个文本框来说太过分了。
HTML
<div ng-app="app" ng-controller="TheController as ctrl">
<input ng-model="ctrl.value" />
</div>
JS
angula
浏览 0提问于2018-12-29得票数 1
回答已采纳
1回答
下面是我的一个带有angularjs的评论框
<tr>
<td colspan="5"><br/>Comments*<div><textarea class="form-control" rows="3" cols="60" ng-model="final_data.drc_scope" placeholder="Add comments here"
ng-disabled="is_team==0 || isDisableCommen
浏览 0提问于2015-11-27得票数 0
我在试图解决这个问题时感到压力很大，但在我的观点中，我正在循环使用ng-重复的数组：
//Array from controller that i'm receiving from a server
$scope.data =[{Day: 'Monday', startTime: '2016-03-29T12:30:00', finishTime: '2016-03-29T16:30:00'},
[{Day: 'Tuesday', startTime: '2016-03-29T12:00:00
浏览 2提问于2016-05-20得票数 0
我在AngularJS中使用ui-date。
<input name="dateofbirth" id="dateofbirth" type="text" ng-model="search.dateofbirth" ui-date="dateOptions" ui-date-format="mm/dd/yy">
当我单击textbox时，会弹出一个日历，但用户无法在textbox中键入。
如何使此文本框可编辑？
浏览 2提问于2014-06-03得票数 1
我们在单元格模板上使用文本框，而不是使用editableCellTemplate。
<input class="grid_textbox text-center"
ng-blur="grid.appScope.quantityChanged(row.entity)"
ng-model="MODEL_COL_FIELD" style="width:80%"/>
我们通过捕捉文本框上的ng模糊来识别更改。但是，我们注意到，当用户滚动时文本框不在视图时，它不会在正确的文本框上触发ng模糊。
在plnkr中繁殖
浏览 1提问于2017-04-13得票数 1
8回答
$items = (isset($_POST['items'])) ? $_POST['items'] : array();
我不理解这段代码的最后一段"? $_POST['items'] : array();“。
这些代码的组合到底是做什么的？
我使用它从html文本框中接收一组值，并将其存储到一个会话数组中。但问题是，如果我尝试重新提交文本框中的数据，新的数组会话将完全覆盖旧会话数组中的空格。
我只想覆盖数组中已经有值的位置。如果用户决定只填写几个文本框，我不希望以前的会话数组数据被空白(来自空白文本框)覆盖。
我认为上面的代码就是问
浏览 0提问于2009-05-20得票数 18
回答已采纳
我正在使用AngularJS中的控制器，尝试找出在文本框中输入的两个数字的和，并在第三个文本框中显示结果。但是我没有得到答案。下面是我尝试过的代码：
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1> ANGULAR JS</h1>
<script src="https:
浏览 0提问于2019-03-05得票数 4
2回答
我有一个简单的角度应用程序，有两个不同型号的文本框。
First Email: <input ng-model="firstEmail"/>
Second Email: <input ng-model="secondEmail"/>
现在，如果在第一封电子邮件中输入了某些内容，我希望它在第二封电子邮件中得到填充，但是如果第二封电子邮件是手动编辑的，那么这个绑定应该停止，即第一封电子邮件中的进一步更改不应该影响第二封电子邮件。
我的代码：
<html>
<head>
<script src="http:
浏览 4提问于2015-02-13得票数 1
回答已采纳
我使用HTML元素定义了一个ng-options列表，如：
<select
required="required"
ng-model="vm.selectedOption"
ng-options="item.name as item.label for item in vm.options">
<option value="">Select an option</option>
</select>
然而，这会导致以下HTML：
<option
浏览 2提问于2016-01-19得票数 5
回答已采纳
这是密码。
<button ngf-select ng-model="b.files" class="btn btn-success btn-sm" ng-click="uploadMode=1">
<span class="glyphicon glyphicon-picture"></span> Pick Image
</button>
<input type="text" ng-model="f.name" value="b
浏览 2提问于2015-07-05得票数 1
回答已采纳
我有两个具有不同ng-model的文本框。我在第一个文本框上使用$watch填充第二个文本框，但是当我修改第二个文本框并保存更改时，两个文本框中保存了相同的值。我希望能够保存第二个文本框的更新值。如果我不使用$watch，两个文本框的值都是正确的。所以，我认为$watch在某种程度上打破了约束。有没有办法在获取更新值的同时使用$watch？谢谢你！！下面是示例代码HTML，
<input type=text" ng-model='model1"/>
<input type="text" ng-model='model2"
浏览 2提问于2015-03-12得票数 0
我试图准备一个在线试题编辑，并遇到了一个问题，有关设置单选按钮值时，填充现有的问卷细节到表单。
这是用于填充表单的JSON响应格式。为了进行处理，我使用了嵌套的ng-repeat，而且效果很好。引起因素的唯一问题是选择正确答案的无线电选项。
"questions": [
{
"question_num": "Q1",
"answersList": [
{
"is_correct": "0",
"answ
浏览 1提问于2015-05-24得票数 1
回答已采纳
2回答
写这个SQL查询我真的很困惑，它可能很容易，但我仍然无法找到正确的解决方案。
想法:基于TableA从TableB中删除行(外键)，如果在TableB中存在与TableB中其他值匹配的主键。
对于表B，它应该如下所示：
SELECT Column1
FROM TableB
WHERE Column2 = 'Value';
然后
删除TableA中与Column1 (TableB)中的值匹配的行。
浏览 4提问于2015-05-24得票数 0
回答已采纳
2回答
我想将百分比符号添加到文本框值中，而不应该添加到ng-model中。它应该是仅供查看的目的。甚至soles symbol.Is它可能与angularJs或css。请帮助我，out.This就是我的例子。
$scope.percent=response.percent.toFixed(1);
提前谢谢。
浏览 7提问于2017-03-13得票数 1
回答已采纳
1回答
一个简单的问题。我在服务器端运行了两个文本框，并且关闭了它们的可见性。我使用了几个ASP.NET控件，它们要求存在文本框。但是，我是从后面的代码中填充它们的，不希望用户看到这一点。用户是否可以打开可见性并查看文本框中输入的值？我尝试使用FireBug，但似乎无法选择可见性选项来编辑它。然而，我是Firebug的新手，所以可能还有其他方法？或者，在服务器端运行它是否意味着客户端永远不能查看文本框的内容？谢谢
浏览 0提问于2010-01-31得票数 1
回答已采纳
3回答
我正在创建一个web应用程序，其中的$scope变量中包含一个数字
$scope.total=20;
我有一个文本框
<input type="text" ng-model="amount1" ng-change="amountchange(amount1)" />
当用户在文本框中输入500时，它应该是700，但结果是755，当我从文本框中删除500时，它变成了null。
我只想在我的文本框中添加或删除我在这里做错了什么
为了更好地理解，这里有一个我创建的
浏览 0提问于2016-12-10得票数 0
3回答
在html中
<input type="number" min="0" max="1000" class="form-control" ng-model="eachvalue.hours" ng-change="updateHour(eachvalue);" placeholder="Hours" required>
在控制器中
$scope.updateHour = function (val) {
console.log(val);
}
在更改数字文本框
浏览 1提问于2016-06-23得票数 0
我使用angularjs来集成我的api。
我面临在文本框中使用ng-if的问题。
下面是我的HTML代码片段：
<input type="text" value="" data-ng-if="edit" ng-model="name">
<input type="text" value="" data-ng-if="!edit" ng-model="singleAppDetails.name">
在这里，编辑变量在我的控制器中的作用域中，我声
浏览 5提问于2015-04-22得票数 1
我有一个angular应用程序，其中我使用了一个文本框，如下所示：
<div class="panel-body text-center">
<textarea id="mytext" class="form-control" rows="4">John,2
Jane,3
John,4
Jane,5
</textarea>
</div>
在这里，默认情况下加载John,2...etc值。但是，当我引入一个ng-m
浏览 1提问于2014-08-20得票数 6
回答已采纳
1回答
在编辑模式下，我使用的是角度和mvc，如何传递值
<input type="button" class="btn btn-sm btn-success" value="Edit" ng-click="EditUser(ee)" />
当我单击“编辑”按钮时，会弹出模型，但为什么文本框中没有绑定值？
<input type="text" name="name" class="form-control" ng-model="User.Name"
浏览 0提问于2016-12-01得票数 0
回答已采纳
我想要生成一个带有HTML输入值的字符串(由用户输入)。
我的HTML代码显示带有HTML输入的字符串。
<div id="wid-12" ng-bind-html="finalString" compile-template></div>
使用JavaScript输入转换字符串的JavaScript代码。
function convertStringToInputs() {
var string = "Hi,Cricket match with !!!TEXT!!! on !!!DATE!
浏览 3提问于2017-12-20得票数 0
我有一个带有大量标签和文本框的表单，我的控制器检索数据并在这些控件中显示：
<label>ID: {{pageData.ID}}</label><br/>
<label>Title: {{pageData.title}}</label></br>
<input type="text" name="notes" placeholder="Notes" value="{{pageData.notes}}" />
<input type=
浏览 2提问于2016-11-11得票数 0
回答已采纳
1回答
嗨，当我试图为存储在数据库中的概要文件创建一个“编辑”页面时，我遇到了这个问题。简单地说，我得到了一个textbox，其中我从数据库中得到一个值，并将它应用到教科书的文本框中。文本=“值”；`。
到目前为止效果很好。然后，我希望用户能够编辑文本框中的文本，然后按保存，这将保存已编辑的文本框的内容。但是它没有，它节省了我在textbox.text中应用的价值。我从textbox.text按钮单击函数中的文本框中获得该值。
我做错了什么？-用户的输入没有覆盖.text value吗？
TextBoxNavn.Text = "Navn";
protecte
浏览 1提问于2014-12-04得票数 1
回答已采纳
1回答
对不起，英语是我的第二语言。
这是我的问题。我已经将两个文本框绑定到了范围内。每个文本框都需要影响另一个文本框的更改。你就会明白这会引起冲突。从现在开始，我知道：
<input type="text" ng-model="celcius" ng-change="farenheit=celcius * 9/5 + 32 || ''">
<input type="text" ng-model="farenheit" ng-change="celcius=(farenheit -
浏览 3提问于2014-08-27得票数 0
回答已采纳
1回答
我的html angularjs选择了空值：
<span class="nullable">
<select ng-model="ViewLevel" ng-change="selChanged()"
ng-options="camptype.name for camptype in campTypes">
<option value="">-- choose campaign type --</option
浏览 2提问于2014-08-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
