输入文本angularjs中的[[object]] 客车 艾斯特·坎波·雷凯里多·雷凯里多。
这是我的输入文本代码,但结果是-您的输入元素强制将您提供的值转换为字符串。您的值是一个对象,因此它强制将其转换为该对象的字符串值(输入文本angularjs中的[[object]] 客车 艾斯特·坎波·雷凯里多·雷凯里多。,angularjs,object,input,angularjs-ng-model,object-object-mapping,Angularjs,Object,Input,Angularjs Ng Model,Object Object Mapping,这是我的输入文本代码,但结果是-您的输入元素强制将您提供的值转换为字符串。您的值是一个对象,因此它强制将其转换为该对象的字符串值([[object object]]) 要解决此问题,您需要访问该对象的属性。 ng model=“addCreditoBuscar.buscar”是一个对象,因此它将显示为[[object object]],类似于对象。prototype.toString()作用于对象,以便将其强制为输入元素中的字符串值 例如: <form class="form-horizo
[[object object]]
)
要解决此问题,您需要访问该对象的属性。
ng model=“addCreditoBuscar.buscar”
是一个对象,因此它将显示为[[object object]]
,类似于对象。prototype.toString()
作用于对象,以便将其强制为输入元素中的字符串值
例如:
<form class="form-horizontal" role="form" name="addCreditoBuscar" id="addCreditoBuscar" ng-controller="AddCreditoAppController">
<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label">Buscar</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="buscar" ng-model="addCreditoBuscar.buscar" ng-required="true" placeholder="Buscar por cedula, nombre o apellido">
<span class="help-block" ng-show="addCreditoBuscar.buscar.$error.required">Este campo es requerido es requerido.</span>
</div>
</div>
</form>
上面演示了从对象强制执行字符串
如果要显示该对象的属性,只需使用对象属性访问器(点
):
因此,每当您的input
元素将属性强制为值时,如果该值是字符串,它将显示为字符串(这是您的预期输出):
您的输入元素正在将您提供的值强制转换为字符串。您的值是一个对象,因此它正在将其强制转换为该对象的字符串值([[object object]]
)
要解决此问题,您需要访问该对象的属性。
ng model=“addCreditoBuscar.buscar”
是一个对象,因此它将显示为[[object object]]
,类似于对象。prototype.toString()
作用于对象,以便将其强制为输入元素中的字符串值
例如:
<form class="form-horizontal" role="form" name="addCreditoBuscar" id="addCreditoBuscar" ng-controller="AddCreditoAppController">
<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label">Buscar</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="buscar" ng-model="addCreditoBuscar.buscar" ng-required="true" placeholder="Buscar por cedula, nombre o apellido">
<span class="help-block" ng-show="addCreditoBuscar.buscar.$error.required">Este campo es requerido es requerido.</span>
</div>
</div>
</form>
上面演示了从对象强制执行字符串
如果要显示该对象的属性,只需使用对象属性访问器(点
):
因此,每当您的input
元素将属性强制为值时,如果该值是字符串,它将显示为字符串(这是您的预期输出):
您可以通过在每次更改模型值时显式更改HtmleElement.value属性来删除显示的值。您可以创建一个指令来处理这个问题
console.log(''+a.someProp); // => "someVal"
通过传递要在指令中显示的字段来使用它
app.directive('labelField', function () {
return {
restrict: 'AE',
link: function ($scope, element, attrs) {
$scope.$watch(attrs['ngModel'], function (newValue) {
if (newValue) {
element[0].value = newValue[attrs['labelField']];
}
})
}
}
})
您可以通过在每次更改模型值时显式更改HtmleElement.value属性来删除显示的值。您可以创建一个指令来处理这个问题
console.log(''+a.someProp); // => "someVal"
通过传递要在指令中显示的字段来使用它
app.directive('labelField', function () {
return {
restrict: 'AE',
link: function ($scope, element, attrs) {
$scope.$watch(attrs['ngModel'], function (newValue) {
if (newValue) {
element[0].value = newValue[attrs['labelField']];
}
})
}
}
})
解决办法很简单。您使用的“表单名称”与要放置的对象相同。将“表单名称”更改为一个不同的名称,如name=“formAddCreditoBuscar”
然后你的问题就会消失解决方法很简单。您使用的“表单名称”与要放置的对象相同。将“表单名称”更改为一个不同的名称,如name=“formAddCreditoBuscar”
然后,您的问题将消失您得到的是addCreditoBuscar.buscar
是一个对象。可能的重复项将其放在输入旁边,并查看视图{{addCreditoBuscar.buscar | json}中对象的外观
您得到的是addCreditoBuscar.buscar
是一个对象。可能的重复项将其放在输入旁边,并查看视图{{addCreditoBuscar.buscar | json}}
这里的最佳答案。这里的最佳答案。
<form class="form-horizontal" role="form" name="formAddCreditoBuscar" id="addCreditoBuscar" ng-controller="AddCreditoAppController">
<form class="form-horizontal" role="form" name="formAddCreditoBuscar" id="addCreditoBuscar" ng-controller="AddCreditoAppController">