Question

我是棱角分明的新人。我使用代码：

工厂：

// Factory
module.factory('mainJsonData', function($http) {
 var promise = null;
  return function() {
   if (promise) {
    // If we've already asked for this data once,
    // return the promise that already exists.
    return promise;
   } else {
    promise = $http.get('json/main.json');
    return promise;
   }
 };
});

和控制器代码为：

// Getting factory data
 mainJsonData().success(function(mainJsonData) {
  $scope.mainJsonData = mainJsonData;
 });

我想在自定义指令中使用$scope.mainJsonData。

Answer 1

试试这个： -

.directive('myDir', function() {
  return {
    restrict: 'E',
    scope: {
      mainJsonData: '=mainJsonData
    },
  };
});

<强>控制器

.controller('myController', function($scope) {
   mainJsonData().success(function(mainJsonData) {
      $scope.mainJsonData = mainJsonData;
   });
});

<强> main.html中

<div ng-controller="myController">

   <data-my-dir main-json-data="mainJsonData">
   </data-my-dir>

</div>

这样您就可以使用$ scope访问指令中的mainJsonData。

在工厂调用之后更新$ scope变量

1 个答案: