Javascript 如何在angularjs中自动填充输入字段？

我只想通过插入名字和姓氏输入框来填充全名输入框。我只是在输入框中绑定上述两个值的数据，但它并没有显示在全名输入框中。提前谢谢！！ 代码：

名字：

姓氏：

全名：不能对HTML属性使用
ng bind
指令，请参阅

ng bind
可用于其他HTML标记：

<span ng-bind="firstName + ' ' + lastName"></span>

但是，您可以在HTML
value
属性中使用大括号表示法：

<input value="{{firstName + ' ' + lastName}}">


名字：
姓氏：
全名：

名字：

姓氏：

全名：
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.firstName=“John”；
$scope.lastName=“Doe”；
$scope.fullName=$scope.firstName++$scope.lastName；
});

<input type="text"
       ng-model="string"
       [name="string"]
       [required="string"]
       [ng-required="string"]
       [ng-minlength="number"]
       [ng-maxlength="number"]
       [pattern="string"]
       [ng-pattern="string"]
       [ng-change="string"]
       [ng-trim="boolean"]>

<input value="{{firstName + ' ' + lastName}}">

     <div ng-app="myApp" ng-controller="myCtrl">

            First Name: <input type="text" ng-model="firstName"><br>
            Last Name: <input type="text" ng-model="lastName"><br>
            Full Name:<span ng-bind="fullName"></span>
     </div>

     <script>
          var app = angular.module('myApp', []);
          app.controller('myCtrl', function($scope) {
          $scope.firstName = "John";
          $scope.lastName = "Doe";
          $scope.fullName =  $scope.firstName  + " " + $scope.lastName;
       });
     </script>