【问题标题】:Is it possible to use ng-value and ng-model at the same time?是否可以同时使用 ng-value 和 ng-model?
【发布时间】:2017-12-16 22:08:34
【问题描述】:

是否可以同时使用 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!!!.....,有什么想法吗??谢谢....

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

【问题讨论】:

标签: javascript angularjs


【解决方案1】:

您的变量名称不匹配。您同时使用showVarmyVar。试试这个:

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

【讨论】:

【解决方案2】:

是的,您可以使用。查看 Angular 文档了解更多详细信息 ngValue angular

【讨论】:

    【解决方案3】:

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

    【讨论】:

      猜你喜欢
      • 2015-08-31
      • 2019-06-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-08-12
      • 2017-11-26
      • 1970-01-01
      相关资源
      最近更新 更多