多个控制器内数据共享

<!DOCTYPE html><html><head>    <meta charset="utf-8"></head><body><div ng-app="myApp">

<div ng-controller="firstController">        first.data<input type="text" ng-model="data.name">        first.Data<input type="text" ng-model="Data.message">        <p>            first-name:{{data.name}}        </p>        <p>            first-message:{{Data.message}}        </p>    </div>    <div ng-controller="secondController">    <div>        <p>            second-name:{{data.name}}        </p>        <p>            second-message:{{Data.message}}        </p>    </div>    </div></div><script type="text/javascript" src="../vendor/angularjs.js"></script><script type="text/javascript" src="app/index.js"></script></body></html>-----------------------------------------
index.js如下
angular.module(‘myApp‘,[])
.factory(‘Data‘,function () {
    return{
        message:‘共享的数据‘
    };
})
.controller(‘firstController‘,function ($scope,Data) {
   $scope.data={
       name:‘张三‘
   };
    $scope.Data=Data;
})
.controller(‘secondController‘,function ($scope,Data) {
    $scope.data=$scope.$$prevSibling.data;
    $scope.Data=Data;
});

  

时间: 2024-10-04 20:22:54

多个控制器内数据共享的相关文章

AngulatJS多个控制器内数据共享

利用factory和service方法定义服务,通过两个控制器利用同一个服务达到控制器间数据共享的效果. <!DOCTYPE html> <html> <head>     <meta charset="utf-8"> </head> <body ng-app="app">     <div ng-controller="Controller1">        

ARUBA无线控制器内置网管功能介绍

ARUBA无线控制器内置网管功能介绍 ARUBA无线控制器内置了业界最为丰富的无线网络管理功能,用户不需要增加任何额外费用就可以实现以下功能: l 图形化的无线网络集中配置 l 图形化的网络实时性能监控 l 图形化的无线覆盖热区图 l 图形化的无线终端定位 l 图形化的访客管理系统 以上各项管理功能的具体介绍如下: 1. 图形化的无线网络集中配置 通过图形化的无线网络集中配置功能,网络管理人员可以在控制器的图形化管理界面上对VLAN.IP.Route等网络参数,访问控制策略.带宽控制策略等无线防

子控制器内如何访问父控制器中的变量

<div ng-controller="OparentController as pCtrl"> <p>直接访问父控制器的值:{{user}}</p> <div ng-controller="OchildController as cCtrl"> <p>嵌套如何访问..父控制器的值:失败:<input ng-model="pUser"/>成功:<input ng-mod

Java多线程并发09——如何实现线程间与线程内数据共享

本文将为各位带来 Java 阻塞队列相关只是.关注我的公众号「Java面典」了解更多 Java 相关知识点. 线程间数据共享 Java 里面进行多线程通信的主要方式就是共享内存的方式,共享内存主要的关注点有两个:可见性和有序性原子性.Java 内存模型(JMM)解决了可见性和有序性的问题,而锁解决了原子性的问题,理想情况下我们希望做到"同步"和"互斥".有以下常规实现方法: 将数据抽象成一个类 将数据抽象成一个类,并将对这个数据的操作作为这个类的方法,这么设计可以和

Angularjs[15] - 多个控制器实现数据共享

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div ng-app="myApp"> <div ng-controller="firstController"> fi

控制器内分页和显示

public ActionResult Index()        {            return View(GetStudetPage());        }        [HttpPost]        public ActionResult Index(string StuName, DateTime? StuKTime, DateTime? StuJTime)        {            string where = "1=1";          

laravel 控制器内使用切换数据库

1/ 首先需要在config/database.php文件中增加 数据库的相关配置  并为设置起名称 2/ 其次 在数据库中链接并使用 \DB::connection("mysql_other")->table("user")->find($id);\DB::connection("mysql_other")->table("user")->where("id",$id)->u

单线程范围内的数据共享_ThreadLocal

单线程范围内数据共享使用ThreadLocal /** * @Description TODO * @author [email protected] * @since 2015年12月12日 * @version V1.0 */ public class DataShare { /** * ThreadLocal:保存和当前线程相关的变量数据 * 线程范围内的数据共享 ThreadLocal * 优雅的设计方式,Person * 每一个线程使用完毕要清空ThreadLocal保存的当前变量 *

JSP内置对象详解

jsp中内置对象:request.response.session.applecation.out.pagecontesx.config.page.exception.cookie 1.request:是javax.servlet.httpservletRequest类型的对象,该对象是用户客户端的请求信息,主要用户接受客户端通过http协议传送到服务器的数据! (包括头部信息.系统信息.请求方式以及请求信息参数),jsp内置对象Web容器所创建的一组对象! 生命周期:jsp发出请求一个requ