模块和控制器包含在JS文件中
在AngularJS应用程序中,通常是把模块和控制器包含在javascript文件中.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="IE=edge" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>
<![endif]-->
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap-3.3.6-dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container"style="padding:50px">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
名:<input type="text"data-ng-model="firstName" /><br />
姓:<input type="text"data-ng-model="lastName" />
<p>{{fullName()}}</p>
</div>
</div>
<script src="jQuery/jquery-2.1.4.min.js"></script>
<script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script src="js/myApp.js"></script>
<script src="js/myCtrl.js"></script>
<!--<script>
angular.module("myApp", []).controller("myCtrl", function ($scope) { $scope.firstName = "Johe"; $scope.lastName = "Doe"; $scope.fullName = function () { return $scope.firstName+" "+$scope.lastName}})
</script>-->
</body>
</html>
最新文章
- HTTP常用状态码分析
- C#对象先序列化然后反序列化时间丢失八小时的问题
- mysql批量插入数据的基类
- LOB字段存放在指定表空间 清理CLOB字段及压缩CLOB空间
- Spring 4.1+ 的 JSONP使用
- 设计模式C++实现(1)——工厂模式
- POJ2449
- [HeadFirst-JSPServlet学习笔记][第三章:实战MVC]
- oracle 建表后添加表注释及字段注释
- Ansible性能调优
- 新概念英语(1-103)The French Test
- 详解k8s零停机滚动发布微服务 - kubernetes
- static与final区别
- Android 彩色Toast实现
- ACM-ICPC Beijing 2016 Genius ACM(倍增+二分)
- nginx location详解
- ffmpeg+libmp3lame库源码安装教程(CentOS)
- SET FMTONLY ON
- 解决socket交互的10048和10055错误的总结
- 编程哲学之C#篇:02——学习思维
热门文章
- Linux pid与tgid概念
- 查询pthread库的函数
- Windows 2008 R2 防火墙允许Serv-U通过的方法
- DetachedCriteria用法
- Chrome谷歌浏览器中js代码Array.sort排序的bug乱序解决办法
- mysql数据库免安装版的配置过程
- kafka的分区分配策略
- angular2-组件样式
- CSS如何居中元素
- 【起航计划 014】2015 起航计划 Android APIDemo的魔鬼步伐 13 App->;Activity->;Translucent 半透明Activity Theme.Translucent