使用angular写一个hello world
作者：bea
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
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写起来很不错的感觉~~
有用 | 无用
代码如下:
<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写起来很不错的感觉~~
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- AngularJS iframe跨域打开内容时报错误的解决办法
- JavaScript事件委托用法分析
- jQuery统计上传文件大小的方法
- 限制上传文件大小和格式的jQuery插件实例
- jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
- 使用jQuery实现input数值增量和减量的方法
- Javascript 拖拽雏形中的一些问题(逐行分析代码，让你轻松了拖拽的原理)
- Javascript 拖拽雏形(逐行分析代码，让你轻松了拖拽的原理)
- Javascript 拖拽的一些简单的应用(逐行分析代码，让你轻松了拖拽的原理)
- Javascript 完美运动框架(逐行分析代码，让你轻松了运动的原理)
- Javascript 拖拽的一些高级的应用(逐行分析代码，让你轻松了拖拽的原理)
- jQuery选择器querySelector的使用指南
- jQuery中DOM操作实例分析
- jquery实现点击页面计算点击次数
- jQuery中DOM树操作之复制元素的方法
- PHP实现的各种中文编码转换类分享
- jQuery中DOM树操作之使用反向插入方法实例分析
- PHPExcel中的一些常用方法汇总
- jQuery操作DOM之获取表单控件的值