溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

angularJS實現(xiàn)textarea記錄只能輸入規(guī)定數(shù)量的字符并顯示

發(fā)布時間：2020-08-02 11:56:50 來源：網(wǎng)絡 閱讀：797 作者：tskpcp 欄目：開發(fā)技術(shù)

<body ng-app="myNoteApp">

    <html>

        <div ng-controller="myNoteCtrl">           

                <p><textarea ng-model="message" cols="40" rows="10" maxlength="100"></textarea></p>

<p>100/<span ng-bind="left()"></span></p>

        </div>

    </html>

    <script type="text/javascript">

        

    var app=angular.module("myNoteApp",[]);

    app.controller("myNoteCtrl",function($scope){

    $scope.message = "";

    //顯示變更數(shù)量

    $scope.left  = function() {return 100 - $scope.message.length;};

    //清除文本框

    $scope.clear = function() {$scope.message = "";};

    //執(zhí)行保存操作

    $scope.save  = function() {alert("Note Saved");};

    });

    </script>

</body>

備注：

        如果在同一個表單中有多個“textarea”可以通過定義多個“ng-model”來控制

        如果在不同的表單中操作不同的”textarea“ ，可以通過定義多個“ng-controller”來控制

        但不管何種情況，如果在同一個文件中，同一個body中最好只使用一個”ng-app“

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手