使用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 相关文章推荐
js实现的仿新浪微博完美的时间组件升级版
Dec 20 Javascript
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
Jun 06 Javascript
JavaScript基础篇(6)之函数表达式闭包
Dec 11 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
Jun 20 Javascript
IntersectionObserver API 详解篇
Dec 11 Javascript
jquery表单验证实例仿Toast提示效果
Mar 03 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
Jun 28 Javascript
Three.js如何实现雾化效果示例代码
Sep 27 Javascript
JS二分查找算法详解
Nov 01 Javascript
Vue 实现前进刷新后退不刷新的效果
Jun 14 Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
Nov 01 jQuery
vue props对象validator自定义函数实例
Nov 13 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表单提交问题的解决方法
2011/04/12 PHP
PHP中获取变量的变量名的一段代码的bug分析
2011/07/07 PHP
gd库图片下载类实现下载网页所有图片的php代码
2012/08/20 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
详解使用php-cs-fixer格式化代码
2020/09/16 PHP
IE bug table元素的innerHTML
2010/01/11 Javascript
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
JavaScript中的getDay()方法使用详解
2015/06/09 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
jQuery Ajax 全局调用封装实例代码详解
2016/06/02 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
vue.js表格组件开发的实例详解
2016/10/12 Javascript
Three.js基础部分学习
2017/01/08 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
2019/01/15 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
2019/09/10 Javascript
JavaScript实现图片上传并预览并提交ajax
2019/09/30 Javascript
[01:09:50]VP vs Pain 2018国际邀请赛小组赛BO2 第二场
2018/08/20 DOTA
python创建只读属性对象的方法(ReadOnlyObject)
2013/02/10 Python
python uuid模块使用实例
2015/04/08 Python
Python实现Linux命令xxd -i功能
2016/03/06 Python
Python实现将不规范的英文名字首字母大写
2016/11/15 Python
Python新手入门最容易犯的错误总结
2017/04/24 Python
python绘图pyecharts+pandas的使用详解
2020/12/13 Python
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
佳能英国官方网站:Canon UK
2017/08/08 全球购物
英国工作场所设备购买网站:Slingsby
2019/05/03 全球购物
美国第一大药店连锁机构:Walgreens(沃尔格林)
2019/10/10 全球购物
采用怎样的方法保证数据的完整性
2013/12/02 面试题
中学生期末评语
2014/02/03 职场文书
护士毕业生自我鉴定
2014/02/08 职场文书
医学专业大学生职业生涯规划书
2014/10/25 职场文书
2019班干部竞选演讲稿范本!
2019/07/08 职场文书
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android