Question

<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>

这是我输入文字的代码，但结果就是这个 - http://prntscr.com/73otmc

Answer 1

解决方案很简单。您使用的“表单名称”与要放置的对象相同。将“表单名称”更改为一个不同的名称=“formAddCreditoBuscar”

<form class="form-horizontal" role="form" name="formAddCreditoBuscar" id="addCreditoBuscar" ng-controller="AddCreditoAppController">

然后你的问题就会消失

Answer 2

您可以通过在模型值的每次更改时显式更改HTMLElement.value属性来擦除显示的值。您可以创建一个指令来处理它。

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']];
                }
            })
        }
    }
})

通过将字段传递给指令

中来显示它

<input type="text" ng-model="myobject" label-field="myfield">

E.g。要在$scope.user中存储像{name:"John","email":"a@a.a"}这样的对象，您可以像这样使用它：

<input type="text" ng-model="user" label-field="name">

输入文本angularjs中的[[object Object]]

2 个答案: