Question

我有一个包含多个字段的对象。在输入字段中，我想显示这些字段是空的还是填充的。这需要在停用的输入字段中。我怎么能达到这个目的？

我的对象：

$scope.afspraakGroep = {
  groep: '',
  voornaam: '',
  tussenvoegsel: '',
  achternaam: '',
}

我的输入字段：

<input id="textinput" name="textinput" type="text" ng-model="afspraakGroep" class="form-control input-md" disabled>

现在我在前端看到[object Object]。由于该功能，我的对象确实被填满了。我如何展示afspraakGroep？

Answer 1

这不起作用，因为您正在尝试绑定输入中的对象。您必须绑定文本，数字或布尔。

尝试：

<input id="textinput" name="textinput" type="text" ng-model="afspraakGroep.groep" class="form-control input-md" disabled>
<input id="textinput" name="textinput" type="text" ng-model="afspraakGroep.voornaam" class="form-control input-md" disabled>
<input id="textinput" name="textinput" type="text" ng-model="afspraakGroep.tussenvoegsel" class="form-control input-md" disabled>
<input id="textinput" name="textinput" type="text" ng-model="afspraakGroep.achternaam" class="form-control input-md" disabled>

＆GT;

Answer 2

您看到[object Object]，因为这是Object上toString（）方法的返回。如果你想看到别的东西，你可以提供自己的toString方法。

＆＃13;

$scope.afspraakGroep.toString = function() {return this.groep + ' ' +  this.voornaam}

＆＃13;

只要您的输入被禁用

，这没有任何害处

Answer 3

使用 span 元素（如果您不允许使用输入[type = text] ，则没有意义）

<span ng-bind="afspraakGroep.groep + ' ' + afspraakGroep.voornaam + '...'" />

如果必须看起来像输入[type = text] ，您可以应用一些CSS样式使其看起来像一个。

在ng-bind中显示多个字段

3 个答案: