How to call javascript function from dart using js dependency
I want to call the JavaScript function JSONToCSVConvertor() that is present in function.js file which is same directory in which the below dart file(app_component.dart) is present. I am using the dependency js: ^0.6.0 and I have added that in pubspec.yaml as well. I am not sure as to how to call that JavaScript function from dart file using annotations. Please let me know if the statements in line 1,2 are correct and also how to call the JS function from dart.
Code:
1) app_component.dart
@JS('function')
library function.js;
import 'package:angular/angular.dart';
import 'dart:convert';
import 'package:js/js.dart';
@Component(
selector: 'app-component',
templateUrl: 'app_component.html',
)
class AppComponent {
var name = 'Excel Generation';
@JS("function.JSONToCSVConvertor")
external void JSONToCSVConvertor(jsonvalue,Title);
showData(){
var jsonData = [{"Vehicle":"BMW","Date":"30, Jul 2013 09:24 AM","Location":"Hauz Kh"}];
var jsonvalue = json.encode(jsonData);
String Title = "Excel project";
JSONToCSVConvertor(jsonvalue,Title);
}
}
javascript angular-dart
asked Nov 13 '18 at 6:20
Surya
61
add a comment |
I want to call the JavaScript function JSONToCSVConvertor() that is present in function.js file which is same directory in which the below dart file(app_component.dart) is present. I am using the dependency js: ^0.6.0 and I have added that in pubspec.yaml as well. I am not sure as to how to call that JavaScript function from dart file using annotations. Please let me know if the statements in line 1,2 are correct and also how to call the JS function from dart.
Code:
1) app_component.dart
@JS('function')
library function.js;
import 'package:angular/angular.dart';
import 'dart:convert';
import 'package:js/js.dart';
@Component(
selector: 'app-component',
templateUrl: 'app_component.html',
)
class AppComponent {
var name = 'Excel Generation';
@JS("function.JSONToCSVConvertor")
external void JSONToCSVConvertor(jsonvalue,Title);
showData(){
var jsonData = [{"Vehicle":"BMW","Date":"30, Jul 2013 09:24 AM","Location":"Hauz Kh"}];
var jsonvalue = json.encode(jsonData);
String Title = "Excel project";
JSONToCSVConvertor(jsonvalue,Title);
}
}
javascript angular-dart
asked Nov 13 '18 at 6:20
Surya
61
Can you please add at least the signature ofJSONToCSVConvertor. Do you load the script using a<script type="text/javascript" src="function.js">? Where do you have the script tag and how exactly does it look like.
– Günter Zöchbauer
Nov 13 '18 at 6:35
add a comment |
I want to call the JavaScript function JSONToCSVConvertor() that is present in function.js file which is same directory in which the below dart file(app_component.dart) is present. I am using the dependency js: ^0.6.0 and I have added that in pubspec.yaml as well. I am not sure as to how to call that JavaScript function from dart file using annotations. Please let me know if the statements in line 1,2 are correct and also how to call the JS function from dart.
Code:
1) app_component.dart
@JS('function')
library function.js;
import 'package:angular/angular.dart';
import 'dart:convert';
import 'package:js/js.dart';
@Component(
selector: 'app-component',
templateUrl: 'app_component.html',
)
class AppComponent {
var name = 'Excel Generation';
@JS("function.JSONToCSVConvertor")
external void JSONToCSVConvertor(jsonvalue,Title);
showData(){
var jsonData = [{"Vehicle":"BMW","Date":"30, Jul 2013 09:24 AM","Location":"Hauz Kh"}];
var jsonvalue = json.encode(jsonData);
String Title = "Excel project";
JSONToCSVConvertor(jsonvalue,Title);
}
}
javascript angular-dart
asked Nov 13 '18 at 6:20
Surya
61
I want to call the JavaScript function JSONToCSVConvertor() that is present in function.js file which is same directory in which the below dart file(app_component.dart) is present. I am using the dependency js: ^0.6.0 and I have added that in pubspec.yaml as well. I am not sure as to how to call that JavaScript function from dart file using annotations. Please let me know if the statements in line 1,2 are correct and also how to call the JS function from dart.
Code:
1) app_component.dart
@JS('function')
library function.js;
import 'package:angular/angular.dart';
import 'dart:convert';
import 'package:js/js.dart';
@Component(
selector: 'app-component',
templateUrl: 'app_component.html',
)
class AppComponent {
var name = 'Excel Generation';
@JS("function.JSONToCSVConvertor")
external void JSONToCSVConvertor(jsonvalue,Title);
showData(){
var jsonData = [{"Vehicle":"BMW","Date":"30, Jul 2013 09:24 AM","Location":"Hauz Kh"}];
var jsonvalue = json.encode(jsonData);
String Title = "Excel project";
JSONToCSVConvertor(jsonvalue,Title);
}
}
javascript angular-dart
javascript angular-dart
asked Nov 13 '18 at 6:20
Surya
61
asked Nov 13 '18 at 6:20
Surya
61
asked Nov 13 '18 at 6:20
Surya
61
asked Nov 13 '18 at 6:20
Surya
61
asked Nov 13 '18 at 6:20
Surya
61
61
Can you please add at least the signature ofJSONToCSVConvertor. Do you load the script using a<script type="text/javascript" src="function.js">? Where do you have the script tag and how exactly does it look like.
– Günter Zöchbauer
Nov 13 '18 at 6:35
add a comment |
Can you please add at least the signature ofJSONToCSVConvertor. Do you load the script using a<script type="text/javascript" src="function.js">? Where do you have the script tag and how exactly does it look like.
– Günter Zöchbauer
Nov 13 '18 at 6:35
Can you please add at least the signature of
JSONToCSVConvertor. Do you load the script using a <script type="text/javascript" src="function.js">? Where do you have the script tag and how exactly does it look like.– Günter Zöchbauer
Nov 13 '18 at 6:35
Can you please add at least the signature of
JSONToCSVConvertor. Do you load the script using a <script type="text/javascript" src="function.js">? Where do you have the script tag and how exactly does it look like.– Günter Zöchbauer
Nov 13 '18 at 6:35
add a comment |
1 Answer
1
active
oldest
votes
I think this introduces the function prefix twice
@JS('function')
library function.js;
...
@JS("function.JSONToCSVConvertor")
external void JSONToCSVConvertor(jsonvalue,Title);
https://pub.dartlang.org/packages/js shows some examples how to do it.
answered Nov 13 '18 at 6:34
Günter Zöchbauer
315k65933879
add a comment |
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%2f53274953%2fhow-to-call-javascript-function-from-dart-using-js-dependency%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I think this introduces the function prefix twice
@JS('function')
library function.js;
...
@JS("function.JSONToCSVConvertor")
external void JSONToCSVConvertor(jsonvalue,Title);
https://pub.dartlang.org/packages/js shows some examples how to do it.
answered Nov 13 '18 at 6:34
Günter Zöchbauer
315k65933879
add a comment |
I think this introduces the function prefix twice
@JS('function')
library function.js;
...
@JS("function.JSONToCSVConvertor")
external void JSONToCSVConvertor(jsonvalue,Title);
https://pub.dartlang.org/packages/js shows some examples how to do it.
answered Nov 13 '18 at 6:34
Günter Zöchbauer
315k65933879
add a comment |
I think this introduces the function prefix twice
@JS('function')
library function.js;
...
@JS("function.JSONToCSVConvertor")
external void JSONToCSVConvertor(jsonvalue,Title);
https://pub.dartlang.org/packages/js shows some examples how to do it.
answered Nov 13 '18 at 6:34
Günter Zöchbauer
315k65933879
I think this introduces the function prefix twice
@JS('function')
library function.js;
...
@JS("function.JSONToCSVConvertor")
external void JSONToCSVConvertor(jsonvalue,Title);
https://pub.dartlang.org/packages/js shows some examples how to do it.
answered Nov 13 '18 at 6:34
Günter Zöchbauer
315k65933879
answered Nov 13 '18 at 6:34
Günter Zöchbauer
315k65933879
answered Nov 13 '18 at 6:34
Günter Zöchbauer
315k65933879
answered Nov 13 '18 at 6:34
Günter Zöchbauer
315k65933879
315k65933879
add a comment |
add a comment |
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53274953%2fhow-to-call-javascript-function-from-dart-using-js-dependency%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
Can you please add at least the signature of
JSONToCSVConvertor. Do you load the script using a<script type="text/javascript" src="function.js">? Where do you have the script tag and how exactly does it look like.– Günter Zöchbauer
Nov 13 '18 at 6:35