使用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 相关文章推荐
input、button的不同type值在ajax提交表单时导致的陷阱
Feb 24 Javascript
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
Apr 18 Javascript
jQuery网页选项卡插件rTabs用法实例分析
Aug 26 Javascript
jQuery进行组件开发完整实例
Dec 15 Javascript
JS实现根据文件字节数返回文件大小的方法
Aug 02 Javascript
JavaScript中利用构造器函数模拟类的方法
Feb 16 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
vue element动态渲染、移除表单并添加验证的实现
Jan 16 Javascript
20个必会的JavaScript面试题(小结)
Jul 02 Javascript
VSCode搭建React Native环境
May 07 Javascript
Vue切换div显示隐藏,多选,单选代码解析
Jul 14 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 strstr查找字符串中是否包含某些字符的查找函数
2010/06/03 PHP
php获取当前时间的毫秒数的方法
2014/01/26 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
PHP实现微信支付(jsapi支付)流程步骤详解
2018/03/15 PHP
javascript 文档的编码问题解决
2009/03/01 Javascript
jQuery数组处理代码详解(含实例演示)
2012/02/03 Javascript
AngularJS中的过滤器使用详解
2015/06/16 Javascript
JS中生成随机数的用法及相关函数
2016/01/09 Javascript
JavaScript必知必会(三) String .的方法来自何方
2016/06/08 Javascript
JavaScript 链式结构序列化详解
2016/09/30 Javascript
Vue.js结合bootstrap实现分页控件
2017/03/10 Javascript
Angular整合zTree的示例代码
2018/01/24 Javascript
基于vue-router 多级路由redirect 重定向的问题
2018/09/03 Javascript
Jquery和CSS实现选择框重置按钮功能
2018/11/08 jQuery
总结4个方面优化Vue项目
2019/02/11 Javascript
jQuery实现简单弹幕效果
2019/11/28 jQuery
如何在Express4.x中愉快地使用async的方法
2020/11/18 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
2021/02/05 Javascript
Python爬虫爬验证码实现功能详解
2016/04/14 Python
Python中强大的命令行库click入门教程
2016/12/26 Python
通过python爬虫赚钱的方法
2019/01/29 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
pandas 像SQL一样使用WHERE IN查询条件说明
2020/06/05 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
pycharm如何使用anaconda中的各种包(操作步骤)
2020/07/31 Python
Django修改app名称和数据表迁移方案实现
2020/09/17 Python
python中re模块知识点总结
2021/01/17 Python
餐厅周年庆活动方案
2014/08/25 职场文书
中学生勤俭节约倡议书
2015/04/29 职场文书
银行保安拾金不昧表扬稿
2015/05/05 职场文书
婚宴父母致辞
2015/07/27 职场文书
2015年新教师个人工作总结
2015/10/14 职场文书
《梅花魂》教学反思
2016/02/18 职场文书
2019年大学毕业生个人自我鉴定范文大全
2019/03/21 职场文书
python使用glob检索文件的操作
2021/05/20 Python