Question

我正在研究angularJS和Html，

从我的angularJs方面我得到两个他们是

的领域

name.firstname, name.lastname,

所以在我的html中我将能够像这样显示它

<div>{{name.firstname}}-{{ name.lastname}}</div>

但我想在一个用“，”

分隔的文本框中显示这两个值

我尝试了如下所示，但它无法正常工作

<div><input type ='text' ng-model ="name.firstname" , "name.firstname"/></div>

请建议我如何在不使用任何指令的情况下以简单的方式执行此操作

Answer 1

在这种情况下，您可以为输入分配模型并为其指定fname和lname的总和： - ）

<div ng-controller="MyCtrl">
<div>
    <input type ='text' ng-model ='name'"/>
    </div>
</div>
var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.fname = 'raciit';
    $scope.lname = 'gulati';
    $scope.name=$scope.fname+$scope.lname;

}

Fiddle

如何将两个字段值绑定到单个文本框

1 个答案: