ng-valueとng-modelは同時に使用できますか？

Question

ng-valueとng-modelを同時に使用できますか？ 私はこのコードをW3スクールで見つけました 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> 

Answer 2

はい、あなたはのための角度のドキュメントをuse.checkすることができます詳細 ngValue angular

Answer 3

こんにちはデータは、その間違った$scope.myVar = "Hello World!"; .soのNG-モデルを使用してバインドします。あなたのモデル名は$scope.showVar = "Hello World!";

のようになります