Angularjs $rootScope.$apply在返回初始状态时不起作用_Angularjs_Annyang

Angularjs $rootScope.$apply在返回初始状态时不起作用

angularjs

Angularjs $rootScope.$apply在返回初始状态时不起作用,angularjs,annyang,Angularjs,Annyang,问题很简单。当库检测到成功的命令时，我正在调用$rootScope.$apply，该函数来自其他库（Annyang）（talater.com）。它很好用。然而，当我移动到另一个状态，并返回到我的初始状态时，它不起作用。库仍然捕获我的所有命令，但$rootScope.$apply不会将更改“应用”到我的视图中复制方式：转到“状态1”->允许麦克风访问->说“你好”/“测试”->期望视图中的消息发生更改->转到“状态2”->返回“状态1”->说“你好”/“测试”->期望视图中的消息发生更改（但不

问题很简单。当库检测到成功的命令时，我正在调用$rootScope.$apply，该函数来自其他库（Annyang）（talater.com）。它很好用。然而，当我移动到另一个状态，并返回到我的初始状态时，它不起作用。库仍然捕获我的所有命令，但$rootScope.$apply不会将更改“应用”到我的视图中

复制方式：转到“状态1”->允许麦克风访问->说“你好”/“测试”->期望视图中的消息发生更改->转到“状态2”->返回“状态1”->说“你好”/“测试”->期望视图中的消息发生更改（但不会发生）

以下是plunkr中的演示：

index.html

<html>
<head>
    <script data-require="angular.js@1.5.3" data-semver="1.5.3" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
    <script data-require="ui-router@0.2.18" data-semver="0.2.18" src="//cdn.rawgit.com/angular-ui/ui-router/0.2.18/release/angular-ui-router.js"></script>
    <script data-require="annyang@1.6.0" data-semver="1.6.0" src="https://cdnjs.cloudflare.com/ajax/libs/annyang/1.6.0/annyang.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="app.js"></script>
  </head>

  <body>
    <a ui-sref="state1">State 1</a>
    <a ui-sref="state2">State 2</a>
    <main ui-view="">
      <p>Main</p>
    </main>
  </body>
</html>

state1.html

<div>
<p>State 1</p>
<p>Message: {{state1Ctrl.msg}}</p>
</div>


国家1
消息：{state1Ctrl.msg}

state2.html

<div>
<p>State 2</p>
<p>{{state2Ctrl.msg}}</p>
</div>


国家2
{{state2Ctrl.msg}

请帮我解决这个问题

<div>
<p>State 2</p>
<p>{{state2Ctrl.msg}}</p>
</div>