Javascript 如果选中复选框,则绑定文本框值
如何根据条件将文本框值传递给控制器。 如果选中复选框,则将文本框与对象值绑定并以其他方式传递给控制器,只需将其留空并将用户输入传递给控制器即可。。我正在做的是不工作。我的代码有什么问题?如果选中复选框,它将在这种情况下工作Javascript 如果选中复选框,则绑定文本框值,javascript,angularjs,ng-repeat,Javascript,Angularjs,Ng Repeat,如何根据条件将文本框值传递给控制器。 如果选中复选框,则将文本框与对象值绑定并以其他方式传递给控制器,只需将其留空并将用户输入传递给控制器即可。。我正在做的是不工作。我的代码有什么问题?如果选中复选框,它将在这种情况下工作 $scope.Product = [ {"ProductID":12,"LNumber":"hrx",weght:"2"}, {"ProductID":13,"LNumber":"pty",weght:"1"} ] <div&g
$scope.Product = [
{"ProductID":12,"LNumber":"hrx",weght:"2"},
{"ProductID":13,"LNumber":"pty",weght:"1"}
]
<div>
<div>
<input type="checkbox" data-ng-model="Copyknotes" />
<span >Copy notes from</span>
</div>
<table data-ng-repeat="Item in Product track by $index">
<tr >
<td>
<input type="radio" name="groupName_{{Item.ProductID}}" data-ng-model ="Item.isSelected" />
</td>
<td data-ng-if="Copyknotes == true">
<input type="text" data-ng-model="Item.LNumber">
</td>
<td data-ng-if="Copyknotes == false" id="hi">
<input type="text" data-ng-model="Item.LNumber=""">
</td>
</tr>
</table>
</div>
$scope.Product=[
{“ProductID”:12,“LNumber”:“hrx”,weght:“2”},
{“ProductID”:13,“LNumber”:“pty”,weght:“1”}
]
抄袭
使用范围.功能
<input type="checkbox" data-ng-model="Copyknotes" ng-change="changeValue(Copyknotes)" />
//Code should be inside Angular js controller
$scope.changeValue = function(Copyknotes){
if(Copyknotes)
{
//Manipulate text box value here
$scope.Item.LNumber = 'whatever';
}
}
//代码应该在AngularJS控制器中
$scope.changeValue=函数(Copyknotes){
如果(复制节点)
{
//在此操作文本框值
$scope.Item.LNumber='whatever';
}
}
使用范围.功能
<input type="checkbox" data-ng-model="Copyknotes" ng-change="changeValue(Copyknotes)" />
//Code should be inside Angular js controller
$scope.changeValue = function(Copyknotes){
if(Copyknotes)
{
//Manipulate text box value here
$scope.Item.LNumber = 'whatever';
}
}
//代码应该在AngularJS控制器中
$scope.changeValue=函数(Copyknotes){
如果(复制节点)
{
//在此操作文本框值
$scope.Item.LNumber='whatever';
}
}
以下是一个示例:
表达式错误-data ng model=“Item.LNumber=”“”-如果要分配新值,可以使用Item.LNumber=“””(双引号中的两个单引号)避免与标记属性“”符号发生干扰。我已经做了一个活生生的例子来说明如何做到这一点。不知道控制器是否需要输入的原始值,因此新值(当复选框未选中时)将保存为NNumber。如果需要,您可以自由地将其更改为LNumber。此外,ng init指令用于在将输入呈现到视图中时启动对象的NNumber参数。
您还应该定义要比较的Copyknotes。或者编写您的条件,如ng if=“Copyknotes”,ng if=“!Copyknotes”。以下是一个示例:
表达式错误-data ng model=“Item.LNumber=”“”-如果要分配新值,可以使用Item.LNumber=“””(双引号中的两个单引号)避免与标记属性“”符号发生干扰。我已经做了一个活生生的例子来说明如何做到这一点。不知道控制器是否需要输入的原始值,因此新值(当复选框未选中时)将保存为NNumber。如果需要,您可以自由地将其更改为LNumber。此外,ng init指令用于在将输入呈现到视图中时启动对象的NNumber参数。
您还应该定义要比较的Copyknotes。或者写下您的条件,如ng if=“Copyknotes”,ng if=“!Copyknotes”。只需使用
数据ng init=“”
而不是
data-ng-model="Item.LNumber="""
使用
data ng model=“Item.LNumber”
只需使用
数据ng init=“”
而不是
data-ng-model="Item.LNumber="""
使用
data ng model=“Item.LNumber”
如果未勾选复选框,可能是因为Copyknotes未定义?如果未勾选复选框,可能是因为Copyknotes未定义?
data-ng-model="Item.LNumber="""
data-ng-model="Item.LNumber"
<table data-ng-repeat="Item in Product track by $index">
<tr >
<td>
<input type="radio" name="groupName_{{Item.ProductID}}" data-ng-model ="Item.isSelected" />
</td>
<td data-ng-if="Copyknotes == true">
<input type="text" data-ng-model="Item.LNumber">
</td>
<td data-ng-if="Copyknotes == false" id="hi">
<input type="text" data-ng-model="Item.LNumber" data-ng-init="">
</td>
</tr>
</table>