How to call javascript function from dart using js dependency

Question

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);

 }

}

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
– Günter Zöchbauer, Commented Nov 13, 2018 at 6:35

Günter Zöchbauer · Accepted Answer · 2018-11-13 06:34:25Z

1

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, 2018 at 6:34

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to call javascript function from dart using js dependency

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related