External script in angularjs requiring parameters from serverside
I am trying to integrate filestack webpicker in my webpage. The requirment is to use angularjs.
I can add script tag direct in my cshtml file. But i want to have all the scripting part in 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>
And here is the 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");
}]);
Can I send optional variables from cshtml by creating a javaobject and sending it to angularjs.
Any advice will be appreciated
javascript angularjs razor angularjs-directive filestack
add a comment |
I am trying to integrate filestack webpicker in my webpage. The requirment is to use angularjs.
I can add script tag direct in my cshtml file. But i want to have all the scripting part in 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>
And here is the 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");
}]);
Can I send optional variables from cshtml by creating a javaobject and sending it to angularjs.
Any advice will be appreciated
javascript angularjs razor angularjs-directive filestack
Looks like something you would want to configure in an angular service
– charlietfl
Nov 27 '18 at 14:37
Will it be ok to have script tag in cshtml and all other intialization in angularjs controller
– Z.IT
Nov 28 '18 at 13:04
Depends how you include that cshtml. If it is used as a templateUrl the script tag will be sanitized
– charlietfl
Nov 28 '18 at 13:07
add a comment |
I am trying to integrate filestack webpicker in my webpage. The requirment is to use angularjs.
I can add script tag direct in my cshtml file. But i want to have all the scripting part in 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>
And here is the 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");
}]);
Can I send optional variables from cshtml by creating a javaobject and sending it to angularjs.
Any advice will be appreciated
javascript angularjs razor angularjs-directive filestack
I am trying to integrate filestack webpicker in my webpage. The requirment is to use angularjs.
I can add script tag direct in my cshtml file. But i want to have all the scripting part in 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>
And here is the 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");
}]);
Can I send optional variables from cshtml by creating a javaobject and sending it to angularjs.
Any advice will be appreciated
javascript angularjs razor angularjs-directive filestack
javascript angularjs razor angularjs-directive filestack
asked Nov 27 '18 at 14:23
Z.ITZ.IT
11
11
Looks like something you would want to configure in an angular service
– charlietfl
Nov 27 '18 at 14:37
Will it be ok to have script tag in cshtml and all other intialization in angularjs controller
– Z.IT
Nov 28 '18 at 13:04
Depends how you include that cshtml. If it is used as a templateUrl the script tag will be sanitized
– charlietfl
Nov 28 '18 at 13:07
add a comment |
Looks like something you would want to configure in an angular service
– charlietfl
Nov 27 '18 at 14:37
Will it be ok to have script tag in cshtml and all other intialization in angularjs controller
– Z.IT
Nov 28 '18 at 13:04
Depends how you include that cshtml. If it is used as a templateUrl the script tag will be sanitized
– charlietfl
Nov 28 '18 at 13:07
Looks like something you would want to configure in an angular service
– charlietfl
Nov 27 '18 at 14:37
Looks like something you would want to configure in an angular service
– charlietfl
Nov 27 '18 at 14:37
Will it be ok to have script tag in cshtml and all other intialization in angularjs controller
– Z.IT
Nov 28 '18 at 13:04
Will it be ok to have script tag in cshtml and all other intialization in angularjs controller
– Z.IT
Nov 28 '18 at 13:04
Depends how you include that cshtml. If it is used as a templateUrl the script tag will be sanitized
– charlietfl
Nov 28 '18 at 13:07
Depends how you include that cshtml. If it is used as a templateUrl the script tag will be sanitized
– charlietfl
Nov 28 '18 at 13:07
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53501809%2fexternal-script-in-angularjs-requiring-parameters-from-serverside%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53501809%2fexternal-script-in-angularjs-requiring-parameters-from-serverside%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Looks like something you would want to configure in an angular service
– charlietfl
Nov 27 '18 at 14:37
Will it be ok to have script tag in cshtml and all other intialization in angularjs controller
– Z.IT
Nov 28 '18 at 13:04
Depends how you include that cshtml. If it is used as a templateUrl the script tag will be sanitized
– charlietfl
Nov 28 '18 at 13:07