使用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 相关文章推荐
Jquery显示、隐藏元素以及添加删除样式
Aug 09 Javascript
使用js如何实现全选与全不选
Dec 30 Javascript
setTimeout自动触发一个js的方法
Jan 15 Javascript
Javascript学习笔记之数组的构造函数
Nov 23 Javascript
node.js中的fs.chownSync方法使用说明
Dec 16 Javascript
JavaScript中的值类型详细介绍
Dec 29 Javascript
jQuery原生的动画效果
Jul 10 Javascript
JavaScript中this详解
Sep 01 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
js获取Html元素的实际宽度高度的方法
May 19 Javascript
第一次接触神奇的Bootstrap网格系统
Jul 27 Javascript
原生js实现新闻列表展开/收起全文功能
Jan 20 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+SqlServer实现分页显示
2006/10/09 PHP
简单的php中文转拼音的实现代码
2014/02/11 PHP
PHP进阶学习之Geo的地图定位算法详解
2019/06/19 PHP
JQuery 常用方法基础教程
2009/02/06 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
2013/08/13 Javascript
DIV始终居中的js代码
2014/02/17 Javascript
JavaScript中使用arguments获得函数传参个数实例
2014/08/27 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
2015/03/03 Javascript
深入理解jQuery layui分页控件的使用
2016/08/17 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
五步轻松实现zTree的使用
2017/11/01 Javascript
javaScript之split与join的区别(详解)
2017/11/08 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
解决layer.msg 不居中 ifram中的问题
2019/09/05 Javascript
小程序如何获取多个formId实现详解
2019/09/20 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
2019/09/21 Javascript
浅谈webpack构建工具配置和常用插件总结
2020/05/11 Javascript
[02:01]大师之路——DOTA2完美大师赛11月论剑上海
2017/11/06 DOTA
Python语言实现机器学习的K-近邻算法
2015/06/11 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
python3库numpy数组属性的查看方法
2018/04/17 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
Python 16进制与中文相互转换的实现方法
2018/07/09 Python
pandas pivot_table() 按日期分多列数据的方法
2018/11/16 Python
pandas和spark dataframe互相转换实例详解
2020/02/18 Python
python针对Oracle常见查询操作实例分析
2020/04/30 Python
Python参数传递实现过程及原理详解
2020/05/14 Python
美国男装连锁零售商:Men’s Wearhouse
2016/10/14 全球购物
旅游管理专业生自荐信范文
2014/01/02 职场文书
洗发水广告词
2014/03/13 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
java调用Restful接口的三种方法
2021/08/23 Java/Android
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android
HTML常用标签超详细整理
2022/03/19 HTML / CSS