angular.js - How to implement data binding after click event in angular?

Question

After clicking the OK button, the edited data will be displayed on the page. How to implement this using angular
`your name: <input type="text" ng-model="yourname"/>
<button>OK</button>
Hello {{yourname}}!`

Answer 1

Then your code should look like this:

var model = angular.module('demo', []);

model.controller('DemoCtrl', function($scope){
    $scope.user = {};
    $scope.username = '';
    
    $scope.confirm = function(){
        $scope.user.username = $scope.username;
        $scope.username = '';
    };
});

your name: <input type="text" ng-model="username"/>
<button ng-click="confirm()">确定</button>
Hello {{ user.username }}!

Answer 2

You can change ng-model to name
hello{{confirmNmae}}
Achieve value assignment in the controller