如何将一个控制器值显示到其他控制器

时间:2016-06-05 13:45:04

标签: angularjs

我有两个不同的控制器"第一个"和"第二"和两个不同的应用变量" fname"和" lname"两个应用程序变量都存在于不同的控我使用表达式绑定

标签中的应用程序变量的值。在第二个控制器中,我使用" {{fname +"" + L-NAME}}

"此语句用于组合两个控制器应用程序变量我无法在第二个时间内获得第一个控制器应用程序变量值....我的代码中有什么错误请分享你的想法两个解决这个问题



var myapp = angular.module("myApp",[]);
        myapp.controller("first", function($scope){
            $scope.fname = "smith";
        })
        myapp.controller("second", function ($scope) {
            $scope.lname = "larbth";
        });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" >
        <div ng-controller="first">
            <input type="text" name="fname" ng-model="fname" />
            <p>my name is: {{ fname }}</p>
        </div>
        <div ng-controller="second">
            <input type="text" name="lname" ng-model="lname" ng-click=""/>
            <p>last name is: {{ lname }}</p>
            <p >{{ fname + "" +lname}}</p>
        </div>

    </div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

通常,当两个控制器需要共享数据时,它通过服务完成。你的例子有点做作,很难理解你为什么不需要一个控制器。但是,假设您只是在寻找一个简单的示例,想象一下登录功能。一个控制器以某种方式确定当前登录用户是什么并设置它。另一个控制器显示当前登录的用户。要在两者之间进行通信,我们将使用登录服务...

{{1}}

CodePen