javascript - 是否可以同时使用ng-value和ng-model？

Question

是否可以同时使用ng-value和ng-model？我在 W3school 上找到了这段代码 https://www.w3schools.com/angular/tryit.asp?filename=try_ng_ng-value我尝试在输入文本上添加 ng-model="showVar" 并在 html 上添加 {{showVar}} 。但是当我运行 html 时。 {{showVar}} 没有显示 Hello World!!!.....，知道吗？？Thx....

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
    <input ng-value="myVar" ng-model="showVar">
    {{showVar}}
    </div>
    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.myVar = "Hello World!";
    });
    </script>

Answer 1

变量名称之间不匹配。您正在使用 showVar 和 myVar。试试这个:

<div ng-app="myApp" ng-controller="myCtrl">
<input ng-value="myVar" ng-model="myVar">
{{myVar}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.myVar = "Hello World!";
});
</script>