是否可以同时使用ng值和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 ....

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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>

Answer 2

是的，您可以使用。检查角度文档以获取更多详细信息 ngValue angular

Answer 3

Hi数据将使用ng-model .so $scope.myVar = "Hello World!";绑定错误。它将是您的型号名称，如$scope.showVar = "Hello World!";