javascript - AngularJS 将 Javascript 对象传递给 Controller

Question

我正在尝试将 Javascript 对象传递到我的 AngularJS Controller 中，但没有成功。

我尝试将其传递到 init功能:

<div ng-controller="GalleryController" ng-init="init(JSOBJ)">

在我的 Controller 端:

$scope.init = function(_JSOBJ)
{
    $scope.externalObj = _JSOBJ;
    console.log("My Object.attribute : " + _JSOBJ.attribute );
};

虽然上面的方法似乎不起作用。

或者，我尝试从我感兴趣的 AngularJS Controller 中提取属性，以便在内联中使用 <script>标签:

var JSOBJ.parameter = $('[ng-controller="GalleryController"]').scope().attribute ;
console.log("My Object.parameter: " + JSOBJ.attribute );

谁能告诉我:这方面的最佳实践是什么？

我无法重写纯 Javascript 对象，因为它是第 3 方库的一部分。

如果我需要提供进一步的说明，请告诉我，并提前感谢您的指导!

--约翰·多伊

Answer 1

尝试将其设置为一个值:

angular.module('MyApp')
    .value('JSOBJ', JSOBJ);

然后将其注入(inject)到您的 Controller 中:

angular.module('MyApp')
    .controller('GalleryController', ['JSOBJ', function (JSOBJ) { ... }]);