使用控制器顯示ng模型長度as

我使用controllerAs，在ng模型中對文本進行stroring並將其保存在數據庫中，並且遇到一個問題，因爲我無法查看ng-modellength。如何顯示ng-model="seeMore.comment"長度？使用控制器顯示ng模型長度as

<textarea class="form-control" id="text-area-comment" name="comment" ng-model="seeMore.comment" ng-minLength="10" required></textarea> 
<ul ng-show="(!AddCommentForm.comment.$pristine && AddCommentForm.comment.$error.minlength)" class="help-block"> 
    <li>{{seeMore.comment.length}} to go.. </li> 
</ul>

來源

2017-09-04 Mat.Now

請詳細說明您的查詢 –

我會顯示有多少個字符在文本區域中相加，我覺得很好的解決方案是採用NG-模型長度 –

在您的控制器中，您可以訪問'seeMore.comment'並使用長度函數查找長度。

來源

2017-09-04 19:39:46

看一看下面演示在這個演示我的型號是會將myText，所以我用myText.length

var app = angular.module('myApp', []); 
 
app.controller('MyController', ['$scope', function($scope) { 
 
    $scope.title = 'Hello world'; 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-controller='MyController' ng-app="myApp"> 
 
    <div>{{title}}</div> 
 
    <input type="text" ng-model="myText" /> Length:{{myText.length}} 
 
</div>

來源

2017-09-04 19:42:08

顯示長度我想你有一個像DOM這..你在那裏有ctrl as vm部分所以我修改了你的代碼的一部分，你發佈vm前。所以現在你可以通過訪問控制器別名對應的模型。

HTML

<div ng-controller="ctrl as vm"> 
    <form name="vm.AddCommentForm.comment"> 
     <textarea class="form-control" id="text-area-comment" name="comment" ng-model="vm.seeMore.comment" ng-minLength="10" required></textarea> 
     <ul ng-show="(!vm.AddCommentForm.comment.$pristine && 
    vm.AddCommentForm.comment.$error.minlength)" class="help-block"> 
     <li>{{vm.seeMore.comment.length}} to go.. </li> 
    </ul> 
    </form> 
</div>

控制器

.controller('ctrl', function($scope){ 
    var vm = this;   
    vm.seeMore = {comment:''}; 
});

來源

2017-09-04 20:32:47

使用控制器顯示ng模型長度as

回答

相關問題