SELECT tag is duplicating with MaterializeCSS and AngularJS

0

So, I have a select view, according to the code below:

    <select ng-model="Dashboard.FiltroChamadas.grupoSelecionado">
      <option value="" disabled selected>Selecione um grupo</option>
      <option ng-repeat="grupo in Dashboard.grupos" value="{{grupo._id}}">{{grupo.nome}}</option>
    </select>

In my controller I have the following code:

$(document).ready(function(){
  $('ul.tabs').tabs();
  $('select').material_select();
});

The problem is that this select is being duplicated. It appears once with the Materialize style and again below with no style whatsoever (pure html). I have tried not to do the initialization as it is there and in the documentation of materialize .. this way the page comes loaded right, however when selecting a select item it is duplicated. I have no idea what's going on ... Help

    
asked by anonymous 14.07.2016 / 23:44

1 answer

1

It may be the versions of Materialize you are using.

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>

Followthe Plunker link.

    
19.07.2016 / 02:51