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
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeTenho 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(",");
}
}