angularjs中的外部脚本需要服务器端的参数

时间:2018-11-27 14:23:08

标签: javascript angularjs razor angularjs-directive 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发送可选变量。

任何建议将不胜感激

0 个答案:

没有答案