javascript - angularjs中的外部脚本需要来自服务器端的参数

Question

我正在尝试将 filestack webpicker 集成到我的网页中。要求是使用angularjs。

我可以直接在我的 cshtml 文件中添加脚本标签。但我想在 angularjs 中包含所有脚本部分。

<div class="js_file File__block" data-ng-controller="fileController">
<script src="//static.filestackapi.com/filestack- js/1.x.x/filestack.min.js">
</script>
 <script>
var options = {
        accept: "@Model.FileTypes",
        maxFiles: "@Model.NumberOfFilesAllowed",
        maxSize:"@Model.MaximumSizeAllowed",
        onUploadDone: showFileData

    }
const client = filestack.init('@Model.ApiKey');
client.picker(options).open();//Should only be 
called when use clicks the button

// Call back function
function showFileData (result) {
const file = result.filesUploaded[0];
..................
}

 </script> 

这是angularjs

 angularApp.controller('fileController', ["$scope", "$http", function ($scope, $http) {

$http.script = "//static.filestackapi.com/filestack-js/1.x.x/filestack.min.js";

const client = $scope.filestack.init("Api");

}]);

我可以通过创建 javaobject 并将其发送到 angularjs 来从 cshtml 发送可选变量吗？

任何建议将被认真考虑

标签： javascriptangularjsrazorangularjs-directivefilestack