Question

我有多个设置字段名称，我想使用ng-model在单个文本框中显示所有这些。但我只能显示单个字段名称。

这是我的代码：<p> {{cts.selectedcontact.location.state + " "cts.selectedcontact.location.postcode}} </p>

<input type="text" ng-model="cts.selectedcontact.location.state"+`"cts.selectedcontact.location.postcode"> <br/>`

Answer 1

试试这个

＆＃13;

angular.module("app",[]).controller("appContr",function($scope)
{
$scope.newmodelName="";
$scope.Sample1="ram";
$scope.Sample2="esh";

$scope.Concstring=function(val1,val2)
{
return val1+val2;
}
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="appContr">
                    <input type="text" ng-init="newModelName =Concstring(Sample1,Sample2)"  ng-model="newModelName">
                    <br />
                </div>

＆＃13;

Answer 2

您可以为文本框初始化新变量，如

<div ng-init="newField = cts.selectedcontact.location.state + cts.selectedcontact.location.postcode">
<input type="text" ng-model="newField"> <br/>
</div>

Answer 3

当ng-model只有一个参数时，它将绑定到字段值，每次更改时它将接收输入字段的值。因此，您不能在一个ng模型中使用多个变量。

但是如果你想将它显示为默认值，那么你可以在html中的value参数中设置它，或者只在你的js文件中设置它。像这样：

<input type="text" ng-model="modelValue"> <br/>

并在.js文件中：

$scope.modelValue = $scope.cts.selectedcontact.location.state + $scope.cts.selectedcontact.location.postcode;

在单个文本框中显示多个字段名称

3 个答案: