angular如何实现不同模块的变量共享

因为一个模块可以有多个controller,所以不同的controler的变量有自己的作用域范围。如何实现不同的controller的变量共享呢?可以用上一章讲的factory的方式来自定义一个服务,然后将这个服务自动注入到各个controller里面。
html


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <script type="text/javascript" src="angular.js">script>
    <script type="text/javascript" src="模块.js">script>
head>
<body ng-app="App">
    <div ng-controller="democontroller">
        姓名:<input type="text" ng-model="data.name">
        <p>{{data.name}}p>
    div>

    <div ng-controller="democontroller2">
        {{data.name}}
    div>
body>
html>

js

var app=angular.module("App",[],function($provide){
    //自定义一个工厂,$provide是angular自动注入的,然后创建一个服务对象
    $provide.factory("data",function(){
        return {name:''};
    })
    //自定义服务,返回的必须是对象,字符串,数字这样的基本类型不行,工厂可以。他们两个功能差不多
    $provide.service("xx2",function(){
        return ["上海"];
    })
});
app.controller("democontroller",function($scope,data){

    $scope.data=data
}) 
app.controller("democontroller2",function($scope,data){

    $scope.data=data
}) 

你可能感兴趣的:(angularJS,angular,html)