angularjs仅在单击按钮后从文本框获取值_Angularjs

angularjs仅在单击按钮后从文本框获取值

angularjs

angularjs仅在单击按钮后从文本框获取值,angularjs,Angularjs,这是我的密码 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> <script> var myApp = angular.module('myApp', []); myApp.cont

这是我的密码

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
    <script>
        var myApp = angular.module('myApp', []);
        myApp.controller('myController', function ($scope) {

            $scope.getName = function () {
                $scope.name = fname;
                $scope.lastName = lastName;
            };

        })
    </script>
</head>
<body ng-app="myApp" >
    <div >
        <input type="text" ng-model="name"/> <br>
        <input type="text" ng-model="lastName" />
    </div>
    <div ng-controller="myController">
        <input type="button" value="click" ng-click="getName()" />
        <br>
        Hello FirstName {{name}}<br>
        Last Name {{lastName}}

</div>
</body>
</html>


var myApp=angular.module（'myApp'，[]）；
myApp.controller（'myController'，函数（$scope）{
$scope.getName=函数（）{
$scope.name=fname；
$scope.lastName=lastName；
};
})




你好FirstName{{name}}

姓氏{{lastName}

在文本框中键入时会出现值，但我仅在单击按钮后才需要值。请帮助我。

我尝试了两种简单的方法，以及使用服务或工厂方法，但都没有成功

您必须将输入文本和目标字段的ng模型分开。因为有相同的模型，他们正在实时更新

我已为您创建了正确的版本：


var myApp=angular.module（'myApp'，[]）；
myApp.controller（'myController'，函数（$scope）{
$scope.getName=函数（）{
$scope.nameToSet=$scope.name；
$scope.lastNameToSet=$scope.lastName；
};
})




你好FirstName{{nameToSet}}

姓氏{{lastNameToSet}

由于我是新手，请指导我如何使用服务或工厂实现相同的目标确定我将更新答案，请不要忘记标记为正确答案为我工作，检查第二个示例，我单击按钮时看到提供了相同的目标？