编程 Javascript

使用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写起来很不错的感觉~~

使用angular写一个hello world

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery $.data()方法使用注意细节

Dec 31 Javascript

jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮

Oct 11 Javascript

JS实现3D图片旋转展示效果代码

Sep 22 Javascript

纯前端JavaScript实现Excel IO案例分享

Aug 26 Javascript

利用Angularjs和bootstrap实现购物车功能

Aug 31 Javascript

CSS3 media queries结合jQuery实现响应式导航

Sep 30 Javascript

jquery 实现回车登录详解及实例代码

Oct 23 Javascript

JS 循环li添加点击事件（闭包的应用）

Dec 10 Javascript

JS拖动选择table里的单元格完整实例【基于jQuery】

May 28 jQuery

js字符串类型String常用操作实例总结

Jul 05 Javascript

jquery实现手风琴案例

May 04 jQuery

Vue 解决在element中使用$notify在提示信息中换行问题

Nov 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

提升PHP执行速度全攻略

2006/10/09 PHP

图书管理程序（三）

2006/10/09 PHP

PHP7导出Excel报ERR_EMPTY_RESPONSE解决方法

2019/04/16 PHP

javascript之dhDataGrid Ver2.0.0代码

2007/07/01 Javascript

extjs 为某个事件设置拦截器

2010/01/15 Javascript

jQuery使用height()获取高度需要注意的地方

2014/12/13 Javascript

js在指定位置增加节点函数insertBefore()用法实例

2015/01/12 Javascript

Hammer.js+轮播原理实现简洁的滑屏功能

2016/02/02 Javascript

BootStrap使用popover插件实现鼠标经过显示并保持显示框

2016/06/23 Javascript

JavaScript 总结几个提高性能知识点(推荐)

2017/02/20 Javascript

JS实现中国公民身份证号码有效性验证

2017/02/20 Javascript

AngularJS实现单一页面内设置跳转路由的方法

2017/06/28 Javascript

深入浅析Vue不同场景下组件间的数据交流

2017/08/15 Javascript

微信小程序自定义导航教程（兼容各种手机）

2018/12/12 Javascript

VUE引入第三方js包及调用方法讲解

2019/03/01 Javascript

vue中如何实现后台管理系统的权限控制的方法步骤

2019/09/05 Javascript

理解Proxy及使用Proxy实现vue数据双向绑定操作

2020/07/18 Javascript

如何在Vue.JS中使用图标组件

2020/08/04 Javascript

用Python进行TCP网络编程的教程

2015/04/29 Python

将Django框架和遗留的Web应用集成的方法

2015/07/24 Python

python3实现基于用户的协同过滤

2018/05/31 Python

python绘制规则网络图形实例

2019/12/09 Python

python数据预处理方式 :数据降维

2020/02/24 Python

jupyter 实现notebook中显示完整的行和列

2020/04/09 Python

Python3.9 beta2版本发布了,看看这7个新的PEP都是什么

2020/06/10 Python

基于python实现计算两组数据P值

2020/07/10 Python

Python操作MySQL数据库的示例代码

2020/07/13 Python

澳大利亚领先的皮肤诊所：Skin Matrix（抗衰老、痤疮专家、药妆护肤）

2018/05/20 全球购物

Troy-Bilt官网：草坪割草机、吹雪机、分蘖机等

2019/02/19 全球购物

阿迪达斯希腊官方网上商店：adidas希腊

2019/04/06 全球购物

2014年机关植树节活动方案

2014/02/27 职场文书

农业局学习党的群众路线教育实践活动心得体会

2014/03/07 职场文书

1000字打架检讨书

2014/11/03 职场文书

办公楼租房协议书范本

2014/11/25 职场文书

项目负责人岗位职责

2015/02/15 职场文书

Spring boot admin 服务监控利器详解

2022/08/05 Java/Android