如何從另一個ng-controller訪問另一個ng-controller ng-model？

Question

我想從另一個ng-controller訪問ng-model，這可能嗎？如何？ 在下面的代碼中，我使用兩個控制器，第一個具有mddl1的控制器，另一個沒有任何其他模型。 但是我想從第二個控制器方法訪問模型值。

<div ng-controller="cnt_fnt">
<select id="dflfnt" ng-model='mddl1' ng-options='option.name for option in ddl1options.data'> 
</select>
</div>
<div ng-controller="ctrl_opsection" ng-model="opmodel">
</div>
<script>
----
.controller('cnt_fnt', ['$scope', function ($scope) {
$scope.ddl1options={
data:[
{value:"Georgia, serif",name:"Style 1"},
{value:"'Times New Roman', Times, serif",name:"Style 3"},
{value:"Arial, Helvetica, sans-serif",name:"Style 4"}
]};
  alert($scope.mddl1.value); //Here I Can Access the dropdown value
}])
.controller("ctrl_opsection",["$scope",function($scope){
    alert(cnt_fnt.mddl1.value); //I want to access here that dropdown value 
}]);
</script>

我試圖從另一個ng-controller值訪問ng-model值，例如以下代碼。

alert(cnt_fnt.mddl1.value); //controller_name.modelname

Answer 1

通常，使用service 。 當parentCtrl將數據發送到childCtrl ，可以使用$broadcast $on相反，可以使用$emit $on 。

 `controller('cnt_fnt', ['$scope','inter', function($scope,inter){
    inter.data = $scope.mddl1.value;
  }])
  .controller('dockCtr', ['$scope', 'inter', function($scope, inter){
     alert(inter.data)
  }]);

  app.service('inter', function(){
   return {

   }
  });`

Answer 2

您可以在此處找到最佳實踐代碼。 這將成為您的最佳解決方案。