2016-12-13 7 views
-5

Ich habe keine Ahnung von Angular.js. Aber will ich tun möchte, ist dieseWie schreibe ich folgendes Javascript in Angular2?

<head> 
    <script type="text/javascript"> 
     function showAndroidToast(toast) { 
     Android.showToast(toast); 
     } 
    </script> 
    </head> 

und diese

<body> 
    <input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" /> 
</body> 

irgendeine Idee?

+3

Siehe eckige Dokumente. nur dieser Winkelcode wird dir nicht angular lehren. – Ved

+0

Danke, aber ich habe nicht viel Zeit dafür. Und ich habe kein JavaScript-Wissen. –

+1

Irgendwie müssen Sie Angular lernen. Als nur du wirst verstanden. – Ved

Antwort

2

Hier ist Winkel js Code.

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script> 
     angular.module('myApp', []).controller('namesCtrl', function($scope) { 

      $scope.showAndroidToast = function(toast) { 
        //write your code here to perform some action on calling this function 
        //Android.showToast(toast); 
        alert(toast); 
        console.log(toast); 
        } 
     }) 
    </script> 
</head> 
<body ng-app="myApp" ng-controller="namesCtrl"> 
<input type="button" value="Say hello" ng-click="showAndroidToast('Hello Android!')" /> 
</body> 
</html> 
+0

Es tut mir leid .., Web-Typ sagte, wir brauchen eckig 2. Gehen Sie die Frage zu beheben. –

+0

Ok Aber du hast den eckigen Code 1 gefragt, bevor du die Frage redest. Also diese Antwort ist für eckige 1. Vielen Dank –

1

Sie sollten zunächst Winkel durch docs gehen:

Es ist so einfach, wie unten:

var app = angular.module('plunker', []); 
 

 
app.controller('MainCtrl', function($scope) { 
 

 
    $scope.showAndroidToast = function(toast) { 
 
     Android.showToast(toast); // Android should be inject as an dependency otherwise it would be undefined. 
 

 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="plunker" ng-controller="MainCtrl"> 
 
    <input type="button" value="Say hello" ng-click="showAndroidToast('Hello Android!')" /> 
 

 
</body>

+0

Es tut mir so leid .., Web-Typ sagte, wir brauchen eckig 2. Gehen Sie die Frage zu beheben. –

1

ich Ihnen ein einfaches Beispiel erstellen verwaltet. Ich vermisste die Android Klasse, also testete ich sie mit der alert() Funktion.

AngularJS 2

Richtlinien

Winkelkomponenten

(function() { 
 
    "use strict"; 
 
    
 
    function exampleController() { 
 
    var vm = this; 
 
    vm.showAndroidToast = showAndroidToast; 
 
    
 
    function showAndroidToast(message) { 
 
     alert(message); // replace this with your toast message 
 
    } 
 
    } 
 
    
 
    var app = angular.module("exampleApp", []); 
 
    
 
    app.controller("exampleController", exampleController); 
 
    
 
})();
<!doctype html> 
 

 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 

 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
</head> 
 
<body ng-app="exampleApp" ng-controller="exampleController as vm"> 
 
    <input type="button" value="Say hello" ng-click="vm.showAndroidToast('Hello Android!')" /> 
 
</body> 
 
</html>

+0

großartig .., ich werde den Web-Entwickler bitten, den Code zu reparieren. : D –

+0

Es tut mir leid .., Web-Typ sagte, wir brauchen eckig 2. Gehen Sie die Frage zu beheben. –

+0

@CristyYG Ich habe das Beispiel für AngularJS 2 https://plnrkr.co/edit/kdPUvrUWPogxslxOeH1s?p=preview erstellt –

Verwandte Themen