JSFiddle - React, Tailwind, and code Playground

by Hugo Fabiano Alves Ferreira

HTML

<div ng-app="myApp" ng-controller="MyController" >
    <button type="button" ng-click="testFunction('this will work')">STEP 1. this will work</button>
    
    <button type="button" ng-click="addElement()" >STEP 2. add button</button>
        <div id="foodiv"></div>
    
    <button type="button" onclick="anotherWay()" >STEP 4. another way</button>
</div>

JavaScript

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

function anotherWay ( ) {
    alert("another way would be call node method outside, but how to do it?")
    // ohhh man.. what I'll code here?
    //myApp.controller.scope()..... I really don't know
}

myApp.controller('MyController', function($scope) {
  
    $scope.testFunction = function ( a ) {
        alert(a)
    }
    
    $scope.addElement = function ( ) {
        document.getElementById('foodiv').innerHTML = '<button type="button" ng-click="testFunction(\'this will not work\')">STEP 3. this will not work</button>' ;
    }
    
});