Как написать следующий javascript в Angular2?

-5

Я понятия не имею о Angular.js. Но хочу я хочу сделать, это этоКак написать следующий javascript в Angular2?

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

и это

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

любая идея?

источник

2016-12-13 Zin Win Htet

См. Угловые документы. только этот Угловой код не научит вас Угловому. – Ved

Спасибо, но у меня мало времени на это. И у меня нет никаких знаний javascript. –

Любые способы обучения Угловые. Чем только вы это поймете. – Ved

Здесь приведено угловое js-код.

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

источник

2016-12-13 09:12:02

Мне очень жаль .., веб-парень сказал, что нам нужно угловатое 2. Собираюсь исправить вопрос. –

Хорошо, но перед редактированием вопроса вы задали угловой код 1. так что этот ответ для углового 1. Спасибо –

Вы должны пройти через документы первого углового:

Ее так просто, как показано ниже:

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>

источник

2016-12-13 09:13:21 Jigar7521

Мне очень жаль .., веб-парень сказал, что нам нужно угловое 2. Собираюсь исправить вопрос. –

мне удалось создать простой пример для вас. Мне не хватало класс Android, поэтому я тестировал его с помощью функции alert().

AngularJS 2

Plunkr Demo

Руководство

Угловые компоненты

(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>

источник

2016-12-13 09:19:31

отлично .., я попрошу веб-разработчика исправить код. : D –

Мне так жаль .., веб-парень сказал, что нам нужно угловое 2. Собираюсь исправить вопрос. –

@CristyYG Я создал пример для AngularJS 2 https://plnkr.co/edit/kdPUvrUWPogxslxOeH1s?p=preview –

Как написать следующий javascript в Angular2?

ответ

Смежные вопросы