`

angularJS

阅读更多
1.$location服务的使用
在angularjs的组件中定义,例如demo.js
 
module.controller('MainController', function($rootScope, $scope,$location){
$scope.urll=$location.search();
  };

使用
假设URL为http://192.168.139.215:8080/demo/#/drag?mid=null&yid=zouhuiying
在html中可以这样引用mid={{urll.mid}}&yid={{urll.yid}}
注:html中的onclick中不能引用angularjs的变量
可以用以下方式取值:
<div onclick="alert(this.innerHTML)" class="media-heading">{{user.name}}</div>


双向数据绑定
如果绑定的数据在子页面,要实现数据双向绑定要加入以下代码,在view中数据发生改变时,手动调用cha函数
$scope.safeApply = function(fn) {
		    var phase = this.$root.$$phase;
		    console.log(phase+"---phase");
		    if (phase == '$apply' || phase == '$digest') {
		        if (fn && (typeof(fn) === 'function')) {
		            fn();
		        }
		    } else {
		        this.$apply(fn);
		    }
		};
$rootScope.cha = function() {
        	console.log("cha");
           	$scope.safeApply(function () {  
           		$scope.greeting = document.getElementById("thism").value;  
        	});
        }


parseInt() 把字符串转化为int


使数组每次新加的元素放在数组首部
var t;
for(var i=0; i<$scope.notices.length-1; i++)
{
  j=$scope.notices.length-1;
  t=$scope.notices[i];
  $scope.notices[i]=$scope.notices[j];
  $scope.notices[j]=t;

};



$http服务的使用
$http.get('http://192.168.139.215:8080/p/usermenu.jsp').success(function(data) {
         $scope.people = data;
      }).then(function(data){
         ...//成功后执行的函数,不加then时会异步执行这段代码
          };



$location服务的使用
$scope.people=$resource("http://192.168.139.215\\:8080/p/usermenu.jsp");
$scope.people.query()




分享到:
评论

相关推荐

    AngularJS书两本

    AngularJS,作为一款由Google维护的前端JavaScript框架,自2010年发布以来,一直在Web开发领域占据重要地位。这两本书《AngularJS_权威教程》和《AngularJS_深度剖析与最佳实践》将帮助我们深入理解并掌握这一强大的...

    AngularJS开发ASP.NET MVC

    ### AngularJS 开发 ASP.NET MVC #### 知识点概览 - **AngularJS与ASP.NET MVC结合的优势** - **AngularJS的特点与优势** - **AngularJS的基本概念(如数据绑定、指令等)** - **如何在ASP.NET MVC项目中引入...

    Mastering Web Application Development with AngularJS

    《精通AngularJS》深入浅出地讲解了AngularJS的开发概念和原理,并通过丰富的开发实例向读者展示了构建复杂应用的完整过程,包括学习使用AngularJS特有的基于DOM的模板系统,实现复杂的后端通信,创建漂亮的表单,...

    AngularJS1.x快速入门

    ### AngularJS1.x快速入门知识点总结 #### 一、AngularJS概述 - **定义**:AngularJS是一款由Google维护的开源JavaScript框架,主要用于构建动态Web应用程序。它采用MVC(Model-View-Controller)设计模式,并实现...

    angularJs demo 各种基本用法

    AngularJS 是一个强大的JavaScript框架,主要用于构建动态web应用。它通过数据绑定和依赖注入机制,极大地简化了前端开发。在"angularJs demo 各种基本用法"中,我们可以深入探讨以下几个关键概念:路由(router)、...

    ssm+bootstrap+angularJs案例

    【标题】"ssm+bootstrap+angularJs案例"是一个整合了Spring、SpringMVC、MyBatis、BootStrap和AngularJS技术的实践项目。这个案例主要针对初学者,旨在帮助他们快速理解并掌握这些技术在实际开发中的应用。 ...

    AngularJS Eclipse 1.2.0 插件下载

    AngularJS Eclipse 1.2.0 插件是专为开发者设计的一款强大的工具,它将AngularJS框架与Eclipse集成,极大地提升了开发AngularJS应用程序的效率。Eclipse是一款广泛使用的开源集成开发环境(IDE),而AngularJS则是一...

    Learning AngularJS.pdf (0分下载网)

    ### AngularJS概览 《Learning AngularJS》一书由Ken Williamson编写,于2015年由O'Reilly Media出版。本书旨在帮助读者深入了解AngularJS框架的核心概念和技术细节,适用于那些希望利用AngularJS进行Web应用程序...

    angularjs下拉树控件

    在本文中,我们将深入探讨如何在AngularJS框架中实现下拉树控件,这是一种结合了树形结构和下拉选择功能的用户界面组件。AngularJS是Google开发的一个强大的前端JavaScript框架,它允许开发者构建可维护、可扩展的...

    Pro AngularJS 英文版 源代码

    《Pro AngularJS》是AngularJS框架的一本权威指南,它深入介绍了这个强大的JavaScript框架,旨在帮助开发者充分利用AngularJS构建高效、可维护的Web应用程序。这本书的英文版源代码提供了书中实例和练习的完整实现,...

    AngularJS模块化开发--增删改查

    AngularJS是一款强大的JavaScript框架,由Google维护,主要用于构建单页应用程序(SPA)。在这个"AngularJS模块化开发--增删改查"的项目中,我们将会深入探讨如何利用AngularJS进行高效且结构化的应用开发,同时结合...

    Professional.AngularJS.1118832078

    A comprehensive guide to AngularJS, Google's open-source client-side framework for app development. Most of the existing guides to AngularJS struggle to provide simple and understandable explanations...

    angularjs ui.router嵌套路由demo

    AngularJS UI.Router是一个强大的路由模块,它为AngularJS应用程序提供了更复杂的导航结构和状态管理功能。这个"angularjs ui.router嵌套路由demo"是展示如何在AngularJS项目中使用UI.Router进行多级路由配置和页面...

    angularJs权威和精通angularjs

    AngularJS,作为一款由Google维护的前端JavaScript框架,自2010年发布以来,一直在Web开发领域占据着重要的地位。它以其强大的双向数据绑定、依赖注入和模块化设计,极大地提高了开发效率,使得构建复杂的单页应用...

    AngularJS详细使用说明从零到高

    ### AngularJS详细使用说明从零到高手 #### 一、AngularJS概述 AngularJS是一个用于构建动态Web应用程序的开源框架,由Google维护和支持。AngularJS的设计理念是将HTML作为模板语言,并通过扩展其语法来更好地定义...

    Angularjs 合集 Angularjs 合集

    这个合集包含了三本书籍,分别是《AngularJS by Example》、《AngularJS Web Application Development Cookbook》以及《Apress.Pro.AngularJS》,它们分别从不同的角度深入探讨了AngularJS的使用和开发。 ...

    AngularJS学习 chm 文件

    AngularJS,是由Google维护的开源JavaScript框架,用于构建单页应用程序(SPA)。它极大地扩展了HTML的功能,使得在客户端能够更高效地处理数据和逻辑,提供了丰富的开发工具和API,帮助开发者构建动态、交互性强的...

    《AngularJS即学即用》【书本源码下载】

    ### AngularJS基础知识与实战应用 #### 一、AngularJS简介 AngularJS是一种广泛使用的JavaScript框架,它由Google维护,主要用于构建动态网页应用。通过AngularJS,开发者可以利用HTML作为模板语言,并扩展HTML的...

Global site tag (gtag.js) - Google Analytics