<script src="https://cdn.staticfile.org/angular.js/1.6.6/angular.min.js"></script>

<div ng-app="myApp">

    <div ng-controller="myCtrl1">

        名:  <input type="text" ng-model="firstName"><br>

        姓:  <input type="text" ng-model="lastName"><br>

        <br>

        姓名: {{firstName + " " + lastName}}

    </div>

    <br><br>

    <div ng-controller="myCtrl2">

        名:  <input type="text" ng-model="firstName"><br>

        姓:  <input type="text" ng-model="lastName"><br>

        <br>

        姓名: {{firstName + " " + lastName}}

    </div>

</div>

var app = angular.module('myApp', []);

app.controller('myCtrl1', function($scope) {

    $scope.firstName = "Johns";

    $scope.lastName = "Doef";

});

    app.controller('myCtrl2', function($scope) {

    $scope.firstName = "Tom";

    $scope.lastName = "kkk";

});