使用angular写一个hello world


Posted in Javascript onJanuary 23, 2015

angularjs遵循MVC模式,惯例来一个hello world吧

<html ng-app>

<head>

    <script type="text/javascript" src="angular.min.js"></script>

    <script type="text/javascript" src="controllers.js"></script>

</head>

<body>

    <div ng-controller='HelloController'>

        <p>{{greeting.text}}, world</p>

    </div>

</body>

</html>

controllers.js中的内容

function HelloController($scope) {

    $scope.greeting = { text: "Hello"};

}

MVC写起来很不错的感觉~~

Javascript 相关文章推荐
JavaScript自动设置IFrame高度的小例子
Jun 08 Javascript
jQuery中get和post方法传值测试及注意事项
Aug 08 Javascript
JS拖拽插件实现步骤
Aug 03 Javascript
基于JavaScript实现智能右键菜单
Mar 02 Javascript
利用jquery制作滚动到指定位置触发动画
Mar 26 Javascript
bootstrap的常用组件和栅格式布局详解
May 02 Javascript
详解JavaScript中return的用法
May 08 Javascript
20行JS代码实现网页刮刮乐效果
Jun 23 Javascript
vue mixins组件复用的几种方式(小结)
Sep 06 Javascript
9种改善AngularJS性能的方法
Nov 28 Javascript
react native 获取地理位置的方法示例
Aug 28 Javascript
vue props 一次传多个值实例
Jul 22 Javascript
Javascript中的几种URL编码方法比较
Jan 23 #Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
Jan 23 #Javascript
AngularJS语法详解(续)
Jan 23 #Javascript
Jquery动态替换div内容及动态展示的方法
Jan 23 #Javascript
AngularJS语法详解
Jan 23 #Javascript
JQuery选择器绑定事件及修改内容的方法
Jan 23 #Javascript
angular中使用路由和$location切换视图
Jan 23 #Javascript
You might like
PHP var_dump遍历对象属性的函数与应用代码
2010/06/04 PHP
Views rows style模板重写代码
2011/05/16 PHP
php写的简易聊天室代码
2011/06/04 PHP
php模拟js函数unescape的函数代码
2012/10/20 PHP
基于php导出到Excel或CSV的详解(附utf8、gbk 编码转换)
2013/06/25 PHP
PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
2014/07/23 PHP
php魔术变量用法实例详解
2014/11/13 PHP
递归实现php数组转xml的代码分享
2015/05/14 PHP
PHP获得数组交集与差集的方法
2015/06/10 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
JavaScript XML实现两级级联下拉列表
2008/11/10 Javascript
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
Javascript开发之三数组对象实例介绍
2012/11/12 Javascript
js实现文字跟随鼠标移动而移动的方法
2015/02/28 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
2018/02/02 Javascript
详解Eslint 配置及规则说明
2018/09/10 Javascript
使用javascript做时间倒数读秒功能的实例
2019/01/23 Javascript
python实现微信小程序自动回复
2018/09/10 Python
python tornado修改log输出方式
2019/11/18 Python
解决jupyter运行pyqt代码内核重启的问题
2020/04/16 Python
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
Bootstrap File Input文件上传组件
2020/12/01 HTML / CSS
美国折扣宠物药房:Total Pet Supply
2018/05/27 全球购物
英国领先的维生素和补充剂品牌:Higher Nature
2019/08/26 全球购物
c/c++某大公司的两道笔试题
2014/02/02 面试题
承诺书怎么写
2014/03/26 职场文书
合作意向书模板
2014/03/31 职场文书
建筑投标担保书
2014/05/20 职场文书
纪念九一八爱国演讲稿600字
2014/09/14 职场文书
财务会计岗位职责
2015/02/03 职场文书
武侯祠导游词
2015/02/04 职场文书
公安干警正风肃纪心得体会
2016/01/15 职场文书
纯CSS实现酷炫的霓虹灯效果
2021/04/13 HTML / CSS
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python