主页 / 问题 / 1005358
Accepted
Air
Asked:2020-07-22 13:03:48 +0000 UTC2020-07-22 13:03:48 +0000 UTC

为什么 Angularjs 中的控制器看不到它的变量？

  • 772

AngularJS中有这样一个例子，它非常有效。

const app = angular.module('app', []);

app.controller('testController', function($scope) {
  $scope.testScope = ['text-0', 'text-4', 'text-1'];
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<html ng-app="app">
<div ng-controller="testController">{{testScope}}</div>

</html>

但如果你稍微改变一下

const app = angular.module('app', []);
app.factory('myFactory', function() {
  return {
    import: (arr, text) => {
      arr.push(text);
    }

  }
});

app.controller('testController', function($scope, myFactory) {
  $scope.myFactory = myFactory;

  $scope.testScope = ['text-0', 'text-4', 'text-1'];

  myFactory.import(testScope, 'P-text');

})
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<html ng-app="app">
<div ng-controller="testController">{{testScope}}</div>

</html>

controller停止看到它的变量...

如何处理，原因是什么？

angularjs

1 个回答

  1. Best Answer

    一切都变得不那么简单

    不是

    myFactory.import(testScope, 'P-text');

    一个

    myFactory.import($scope.testScope, 'P-text');

    const app = angular.module('app', []);
app.factory('myFactory', function() {
  return {
    import: (arr, text) => {
      arr.push(text);
    }

  }
});

app.controller('testController', function($scope, myFactory) {
  $scope.myFactory = myFactory;

  $scope.testScope = ['text-0', 'text-4', 'text-1'];

  myFactory.import($scope.testScope, 'P-text');

})
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<html ng-app="app">
<div ng-controller="testController">{{testScope}}</div>

</html>

    • 1

相关问题