Tenho um botão que abre um modal, onde serão digitadas palavras separadas por vírgulas que se tornarão as opções do radiobutton na pagina principal. Quando salvar o modal deve inserir um template HTML com esses dados incorporados.
Segue plunker
Tenho um botão que abre um modal, onde serão digitadas palavras separadas por vírgulas que se tornarão as opções do radiobutton na pagina principal. Quando salvar o modal deve inserir um template HTML com esses dados incorporados.
Segue plunker
Este Plunker contém as seguintes correções para o funcionamento da sua modal:
Foram importados os arquivos de script do ui.bootstrap;
<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>
Adicionada importação da biblioteca para o module
:
var app = angular.module('plunker', ['ui.bootstrap']);
Adicionado service
para passagem de variáveis:
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;
}
}
Adicionadas injeções de dependência no controller
principal para $uibModal
, $timeout
e serviceModal
:
.controller('MainCtrl', function($scope, $uibModal, $timeout, serviceModal)
Utilização do service
para passagem de variáveis:
serviceModal.setOpcoes($scope.data.opcoes);
e
$scope.verificarOpcoes = function() {
var op = serviceModal.getOpcoes();
if (op !== undefined && op !== "") {
return op.split(",");
}
}