首页 > Web开发 > 详细

AngularJs练习Demo11引入Jquery

时间:2016-06-22 00:20:32      阅读:199      评论:0      收藏:0      [点我收藏+]
 1 @{
 2     Layout = null;
 3 }
 4 
 5 <!DOCTYPE html>
 6 
 7 <html>
 8 <head>
 9     <meta name="viewport" content="width=device-width" />
10     <title>ngJquery</title>
11     <script type="text/javascript" src="~/Scripts/jquery-1.10.2.js"></script>
12     <script type="text/javascript" src="~/Scripts/angular.js"></script>
13 
14 </head>
15 <body>
16     <h1>Angular使用Jquery</h1>
17     <div ng-app="myApp">
18         <div ng-controller="firstController">
19             <div id="obj1"></div>
20             {{name}}
21         </div>
22         <div ng-controller="secondController">
23 
24         </div>
25         <div ng-controller="threeController">
26 
27         </div>
28     </div>
29 <script type="text/javascript">
30     var app = angular.module("myApp",[]);
31     app.controller("firstController", function ($scope) {
32         $scope.name = "张三";
33        // $("#obj1").html("<span>111111111111</span>");
34 
35         var obj1 = document.getElementById("obj1");
36         angular.element(obj1).html("<span>这是AngularJS 内置的jqlite</span>");//不引入jq的情况下可以使用jqlite,但是功能比jq少。详情参考jqlite的文档
37     });
38 </script>
39 </body>
40 
41 </html>

 

AngularJs练习Demo11引入Jquery

原文:http://www.cnblogs.com/sumg/p/5605360.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!