Carregar uma caixa de escolha com AngularJS e valor selected definido
Eu estou montando um form para editar alguns dados, então uso o PHP/Codeigniter para montar a página com as informações. Acontece que existem umas caixas de escolha que possuem um código em AngularJS para executar uma fórmula e quando coloco o "ng-model", simplesmente some o item que deveria estar marcado.
Segue parte do form abaixo:
<div class="form-group">
<label>Trajetória:</label>
<?php echo form_input(array('type'=>"text", 'class'=>"form-control", 'name'=>'trajetoriaform','id'=>'trajetoriaform'),$riscoBD->__get('trajetoria')); ?>
</div>
<div class="form-group">
<label>Frequência:</label>
<?php echo form_dropdown(array('class'=>"form-control", "ng-model"=>"frequencia", "ng-change"=>"calcRisco()", 'name'=>'frequenciaform','id'=>'frequenciaform'), $frequencia, $riscoBD->__get('frequencia')); ?>
</div>
<div class="form-group">
<label>Probabilidade:</label>
<?php echo form_dropdown(array('class'=>"form-control", "ng-model"=>"probabilidade", "ng-change"=>"calcRisco()", 'name'=>'probabilidadeform','id'=>'probabilidadeform'), $probabilidade, set_value('probabilidadeform')); ?>
</div>
<div class="form-group">
<label>Severidade:</label>
<?php echo form_dropdown(array('class'=>"form-control", "ng-model"=>"severidade", "ng-change"=>"calcRisco()", 'name'=>'severidadeform','id'=>'severidadeform'), $severidade, set_value('severidadeform')); ?>
</div>
<div class="form-group">
<label>Risco:</label>
<?php echo form_input(array('type'=>"text", "ng-value"=>"resultadorisco", 'class'=>"form-control", 'name'=>'riscoform','id'=>'riscoform', "ng-model"=>"risco"),set_value('riscoform')); ?>
</div>
Quando gera o html, ao colocar para inspecionar o código de uma das caixas o código fica assim:
<div class="form-group">
<label>Frequência:</label>
<select class="form-control" ng-model="frequencia" ng-change="calcRisco()" name="frequenciaform" id="frequenciaform">
<option value="? undefined:undefined ?"></option>
<option value="1" selected="selected">Rara</option>
<option value="2">Eventual</option>
<option value="3">Habitual</option>
<option value="4">Permanente</option>
</select>
</div>
Essa linha "4" aparece do angularJS e é o que impede que apareça o valor selected.
Queria saber se tem algum geito de fazer o javascript mostrar o valor que vem do PHP.
Abaixo o script:
var app = angular.module('risco', []);
app.controller('CalculaRisco', function($scope) {
$scope.frequencia;
$scope.probabilidade;
$scope.severidade;
$scope.calcRisco = function () {
var freq = parseInt ($scope.frequencia);
var prob = parseInt ($scope.probabilidade);
var sev = parseInt ($scope.severidade); //console.log(sev+' '+prob+' '+freq);
risco = freq + prob + sev;
if (risco <= 4) {
$scope.risco = 'Baixo';
} else if (risco <= 7) {
$scope.risco = 'M\u00e9dio';
} else if (risco <= 10) {
$scope.risco = 'Alto';
} else {
$scope.risco = 'Muito Alto';
}
//console.log(risco+$scope.severidade);
};
});Discussão (5)
Carregando comentários...