使用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 流畅动画实现原理
Sep 08 Javascript
js中AppendChild与insertBefore的用法详细解析
Dec 16 Javascript
一个通过script自定义属性传递配置参数的方法
Sep 15 Javascript
angularJS 入门基础
Feb 09 Javascript
基于jQuery实现收缩展开功能
Mar 18 Javascript
浏览器复制插件zeroclipboard使用指南
Mar 26 Javascript
JavaScript中const、var和let区别浅析
Oct 11 Javascript
javascript实现鼠标点击页面 移动DIV
Dec 02 Javascript
深入理解vue-loader如何使用
Jun 06 Javascript
浅谈Vue.js 1.x 和 2.x 实例的生命周期
Jul 25 Javascript
Vue中自定义全局组件的实现方法
Dec 08 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 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
叫你如何修改Nginx与PHP的文件上传大小限制
2014/09/10 PHP
PHP简单实现文本计数器的方法
2016/04/28 PHP
PHP使用正则表达式实现过滤非法字符串功能示例
2018/06/04 PHP
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
用javascript为页面添加天气显示实现思路及代码
2013/12/02 Javascript
解析prototype,JQuery中跳出each循环的方法
2013/12/12 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
功能强大的jquery.validate表单验证插件
2016/11/07 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
2017/02/17 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
vue slot 在子组件中显示父组件传递的模板
2018/03/02 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
JSON基本语法及与JavaScript的异同实例分析
2019/01/04 Javascript
微信小程序登录数据解密及状态维持实例详解
2019/05/06 Javascript
vue+ElementUI 关闭对话框清空验证,清除form表单的操作
2020/08/06 Javascript
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python File readlines() 使用方法
2018/03/19 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
Python 获取windows桌面路径的5种方法小结
2019/07/15 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
详解CSS3实现响应式手风琴效果
2020/06/10 HTML / CSS
canvas画布实现手写签名效果的示例代码
2019/04/23 HTML / CSS
DJI美国:消费类无人机领域的领导者
2018/04/27 全球购物
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
Ruby如何定义一个类
2012/10/08 面试题
幼儿园秋游感想
2014/03/12 职场文书
小学领导班子对照材料
2014/08/23 职场文书
单位实习鉴定评语
2015/01/04 职场文书
八达岭长城导游词
2015/01/30 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
《失物招领》教学反思
2016/02/20 职场文书
React中的Context应用场景分析
2021/06/11 Javascript
FP-growth算法发现频繁项集——发现频繁项集
2021/06/24 Python