Angularjs - modal inserts template with radio button options

Question

I have a button that opens a modal, where words will be typed separated by commas that will become the radio button options on the main page. When saving the modal you must insert an HTML template with this embedded data.

Follows plunker

Answer 1

This Plunker contains the following corrections for the operation of its modal:

The ui.bootstrap script files were imported;

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.2.0/ui-bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.2.0/ui-bootstrap-tpls.min.js" type="text/javascript"></script>

Added library import to module:

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

Added service for the passage of variables:

angular
  .module('plunker')
  .factory('serviceModal', serviceModal);

serviceModal.$inject = [];

function serviceModal() {
  var opcoes = "";

  return {
    setOpcoes: setOpcoes,
    getOpcoes: getOpcoes
  }

  function setOpcoes(novasOpcoes) {
    this.opcoes = novasOpcoes;
  }

  function getOpcoes() {
    if (this.opcoes === undefined) {
      this.opcoes = "";
    }

    return this.opcoes;
  }
}

Added dependency injections in controller main to $uibModal, $timeoutand serviceModal:

.controller('MainCtrl', function($scope, $uibModal, $timeout, serviceModal)

Use of service for the passage of variables:

serviceModal.setOpcoes($scope.data.opcoes);

and

$scope.verificarOpcoes = function() {
  var op = serviceModal.getOpcoes();

  if (op !== undefined && op !== "") {
    return op.split(",");
  }
}