分类导航

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了angularjs – 一个控制器可以调用另一个？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

有可能有一个控制器使用另一个？

例如：

这个HTML文档只是在messageCtrl.js文件中打印由messageCtrl控制器发送的消息。

<html xmlns:ng="http://angularjs.org/">
<head>
    <Meta charset="utf-8" />
    <title>Inter Controller Communication</title>
</head>
<body>
    <div ng:controller="messageCtrl">
        <p>{{messagE}}</p>
    </div>

    <!-- Angular Scripts -->
    <script src="http://code.angularjs.org/angular-0.9.19.js" ng:autobind></script>
    <script src="js/messageCtrl.js" type="text/javascript"></script>
</body>
</html>

控制器文件包含以下代码：

function messageCtrl()
{
    this.message = function() { 
        return "The current date is: " + new Date().toString(); 
    };
}

它只打印当前日期;

如果我要添加另一个控制器，DateCtrl将特定格式的日期交给messageCtrl，那么如何做呢？ DI框架似乎关心Xmlhttp requests和访问服务。

有多种方式如何在控制器之间通信。

最好的一个可能是共享服务：

function FirstController(someDataservicE) 
{
  // use the data service,bind to template...
  // or call methods on someDataservice to send a request to server
}

function SecondController(someDataservicE) 
{
  // has a reference to the same instance of the service
  // so if the service updates state for example,this controller kNows about it
}

另一种方式是在范围上发出事件：

function FirstController($scopE) 
{
  $scope.$on('someEvent',function(event,args) {});
  // another controller or even directive
}

function SecondController($scopE) 
{
  $scope.$emit('someEvent',args);
}

在这两种情况下，您都可以与任何指令进行通信。