Angularjs MVC

简介:
1
angular.js 引入angular.js文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head lang= "en" >
     <meta charset= "UTF-8" >
     <script src= "angular.js"  ></script>
     <title></title>
</head>
<body>
   <div ng-app= "myApp" >
     <div ng-controller= "firstController" >
      {{firstName}}
       {{lastName}}
     </div>
   </div>
   <script type= "text/javascript" >
      var  app = angular.module( "myApp" ,[]);
 
     app.controller( 'firstController' function ($scope){
       $scope.firstName= "张三" ;
       $scope.lastName= "李四" ;
     })
   </script>
</body>
</html>

  

本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/p/7077594.html,如需转载请自行联系原作者


目录
相关文章
|
JSON 前端开发 Java
由angularjs 引发的spring mvc JSON传值问题
通常表单submit传的是 json对象   ajax 传的是json对象 angular传的是json字符串 对于后台接收json对象不需要再参数上加@RequestBody 而对于接收json字符串 需要加@RequestBody,并且要引入jackjson jar包 (1)angular向后台传json字符串 @RequestBody 前台angular代码 $h
1488 0
|
Web App开发 缓存 JavaScript
如何在 ASP.NET MVC 中集成 AngularJS(3)
今天来为大家介绍如何在 ASP.NET MVC 中集成 AngularJS 的最后一部分内容。 调试路由表 - HTML 缓存清除 就在我以为示例应用程序完成之后,我意识到,我必须提供两个版本的路由表:一个运行在调试模式的应用程序下和一个运行在发布模式的应用程序下。
1110 0
|
缓存 JavaScript 前端开发
如何在 ASP.NET MVC 中集成 AngularJS(2)
在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩、应用程序版本自动刷新和工程构建等内容。 下面介绍如何在 ASP.NET MVC 中集成 AngularJS 的第二部分。
1310 0
|
Web App开发 JavaScript 前端开发
如何在 ASP.NET MVC 中集成 AngularJS(1)
介绍 当涉及到计算机软件的开发时,我想运用所有的最新技术。例如,前端使用最新的 JavaScript 技术,服务器端使用最新的基于 REST 的 Web API 服务。另外,还有最新的数据库技术、最新的设计模式和技术。
1438 0