angular 简单的笔记

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>app</title>
        <script src="angualar.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body>

        <body ng-app="myNoteApp" ng-controller="myNoteCtrl">
            <h2>我的笔记</h2>
            <textarea ng-model="message" cols="50" rows="10"></textarea>
            <p>
                <button ng-click="save()">保存</button>
                <button ng-click="clear()">清除</button>
            </p>
            <p>剩余字数: <span ng-bind="left()"></span></p>
        </body>
        
        <script type="text/javascript">
            var app = angular.module('myNoteApp',[])
            app.controller('myNoteCtrl',function ($scope) {
                $scope.message=''
                $scope.left=function  () {
                    return 100 - $scope.message.length
                }
                $scope.save=function  () {
                    return alert('谢谢')
                }
                $scope.clear=function () {
                    $scope.message=''
                }
            })
        </script>

</html>

posted @ 2017-01-06 15:46  淡若清风过  阅读(32)  评论(0编辑  收藏  举报