使用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 相关文章推荐
关于document.cookie的使用javascript
Oct 29 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
Mar 11 Javascript
JavaScript获取两个数组交集的方法
Jun 09 Javascript
JavaScript中获取纯正的undefined的方法
Mar 06 Javascript
Web打印解决方案之普通报表打印功能
Aug 29 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
Jan 18 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
Mar 30 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
详解vue-cli脚手架中webpack配置方法
Aug 22 Javascript
vue的列表交错过渡实现代码示例
May 05 Javascript
Javascript前端下载后台传来的文件流代码实例
Aug 18 Javascript
Vue项目中使用mock.js的完整步骤
Jan 12 Vue.js
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清除数组中所有字符串两端空格的方法
2014/10/20 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
2012/01/15 Javascript
jQuery 1.8 Release版本发布了
2012/08/14 Javascript
浅析JavaScript中的类型和对象
2013/11/29 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
2014/02/04 Javascript
JQuery Tips相关(1)----关于$.Ready()
2014/08/14 Javascript
详谈jQuery中的this和$(this)
2014/11/13 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
2014/11/26 Javascript
jQuery对指定元素中指定字符串进行替换的方法
2015/03/17 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
总结Javascript中的隐式类型转换
2016/08/24 Javascript
浅谈react.js中实现tab吸顶效果的问题
2017/09/06 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
js自定义trim函数实现删除两端空格功能
2018/02/09 Javascript
微信小程序中使用ECharts 异步加载数据的方法
2018/06/27 Javascript
Angular5集成eventbus的示例代码
2018/07/19 Javascript
vue 父组件中调用子组件函数的方法
2019/06/06 Javascript
vue 实现微信浮标效果
2019/09/01 Javascript
JavaScript中EventBus实现对象之间通信
2020/10/18 Javascript
对python中的pop函数和append函数详解
2018/05/04 Python
python小项目之五子棋游戏
2019/12/26 Python
Python 基于FIR实现Hilbert滤波器求信号包络详解
2020/02/26 Python
django的autoreload机制实现
2020/06/03 Python
Python-for循环的内部机制
2020/06/12 Python
浅析Python 简单工厂模式和工厂方法模式的优缺点
2020/07/13 Python
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
面试求职的个人自我评价
2013/11/16 职场文书
新三好学生主要事迹
2014/01/23 职场文书
文明城市创建标语
2014/06/16 职场文书
机关党员进社区活动总结
2014/07/05 职场文书
2015个人年度工作总结范文
2015/05/28 职场文书
创业计划书之密室逃脱
2019/11/08 职场文书
MySQL七种JOIN类型小结
2021/10/24 MySQL