angularjs – 使用ng-model后缺少textarea的默认值

前端之家收集整理的这篇文章主要介绍了angularjs – 使用ng-model后缺少textarea的默认值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个角度应用程序,我在其中使用如下文本框:
<div class="panel-body text-center">
        <textarea id="mytext" class="form-control" rows="4">John,2
    Jane,3
    John,4
    Jane,5
        </textarea>
    </div>

这里默认加载值John,2 …等.但是,当我按如下方式引入ng-model访问此数据时,默认值不再显示.可能会发生什么?

<textarea id="mytext" ng-model="mytextvalue" class="form-control" rows="4">
docs

ngModel will try to bind to the property given by evaluating the expression on the current scope. If the property doesn’t already exist on this scope,it will be created implicitly and added to the scope.

那么这里发生的事情如下:

<textarea ng-model="mytextvalue" >...</texarea>

处理ng-model指令时,它将在$scope上查找属性mytextvalue.如果找不到,则会创建一个空值,然后继续将该空值分配给您的元素.

如果要默认值,则必须明确指定mytextvalue的值

您可以使用ng-init在HTML中执行此操作

ng-init="mytextvalue='John,2\nJane,3\nJohn,4\nJane,5'"

或者您可以在控制器上使用JavaScript执行此操作:

$scope.mytextvalue = 'John,5';
原文链接:https://www.f2er.com/angularjs/140902.html

猜你在找的Angularjs相关文章