Самый быстрый способ повторного использования этого кода - воспользоваться HTML <iframe>. Предполагая, что вы сохранили весь код с сайта w3c в файл my_downloaded_code.html, ваш iframe будет выглядеть как
<iframe src = "path/to/file/my_downloaded_file.html" width="350px" height="600px" frameborder="0" scrolling="no"></iframe>
Атрибуты ширина, высота и т. Д., Конечно, не являются обязательными, но я выбрал их именно для этого случая.
Более того форма отправляется на action_page.php после подтверждения, поэтому вы должны создать такой файл в соответствующей локализации (такой же, как локализация my_downloaded_code.html).
Однако , если вы хотите создать компонент AngularJS, содержащий этот код, это будет не очень легко, потому что, как прокомментировал @Tomas
Код на сайте w3school написан не на Angularjs, а на чистом JS ...
но возможно конечно :).
Что нужно сделать?
- Функции должны быть перемещены в компонентный контроллер.
- Функции и переменные в контроллере должны быть видны в
template, поэтому мы должны присвоить их $scope.
on-click необходимо изменить на ng-click- Содержимое тега
<style> необходимо переместить в .css file
- Вы должны создать свой action_page.php
Я сделал поршень с таким рабочим компонентом для Вас.