首页 / ANGULAR / angularjs小应用

angularjs小应用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了angularjs小应用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1107字，纯文字阅读大概需要2分钟。

内容图文

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title></title>

</head>

<body ng-app="myNoteApp" ng-controller="myNoteCtrl">

<h2>我的笔记</h2>

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

<p>

<button ng-click="save()">保存</button>

<button ng-click="clear()">清除</button>

</p>

<p>Number of characters left:<span ng-bind="left()"></span></p>


    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>

    <script>

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

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

        $scope.message = "";

        $scope.left = function(){

        return 100 - $scope.message.length;

        }

        $scope.clear = function(){

        $scope.message = "";

        }

        $scope.save = function(){

        alert("note saved");

        }


        });

    </script>

</body>

</html>


本文出自 “素颜” 博客，请务必保留此出处http://suyanzhu.blog.51cto.com/8050189/1895478

原文：http://suyanzhu.blog.51cto.com/8050189/1895478

内容总结

以上是互联网集市为您收集整理的angularjs小应用全部内容，希望文章能够帮你解决angularjs小应用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1322064.html

来源：【匿名】