Заполнение данных в скрытый DIV с угловой

Question

я следующие:

<div class="panel"> 
    <form id="form" method="post" ng-submit="submit"> 
    <select ng-controller="CountryController" ng-model="model.country" ng-options="country.Id as country.Name for country in model.countries"> 
     <option value="">Country</option> 
    </select> 
    </form> 
</div> 

div.panel { 
    display: none;  
    overflow: hidden; 
    position: relative; 
} 

Панели изначально скрыта и у меня есть кнопка, чтобы показать/скрыть.

Поскольку панель изначально скрыта, выбор не заполняется.

Если я удаляю дисплей: ни один из панелей, то выбор заполняется.

Как я могу это решить?

Answer 1

Вот ссылка на jsFiddle

Your code on jsFiddle

В примере jsFiddle избранных заполняется ли он скрыт или нет. Просто копайте в DOM, и вы увидите значения. Я собирался рекомендовать использовать ng-show, поэтому включил его в jsFiddle, но он неактивен. Я думал, что это возможно из-за вложенного контроллера, но в jsFiddle он работает. Может быть, играть с этим jsFiddle поможет. Можете ли вы предоставить больше кода или копию своего фактического DOM и что он показывает?

<div ng-app="myApp"> 
    <div ng-controller="MyCtrl"> 
    <div ng-show="showMe" class="panel"> 
     <form id="form" method="post" ng-submit="submit"> 
     <select ng-model="model.country" ng-options="country.Id as country.Name for country in countries"> 
     <option value="">Country</option> 
    </select> 
    </form> 
</div> 

var app = angular.module('myApp', []); 

app.controller('MyCtrl', function ($scope) { 
// on load set default of ng-show 
// $scope.showMe = false; 
    $scope.countries = [{Id:0, Name: 'USA'},{Id:1, Name: 'China'}]; 

// When you are ready to show the select, just run a function that sets showMe to true. 
}); 

app.controller('CountryController', function($scope){ 
    $scope.countries = [{Id:0, Name: 'USA'},{Id:1, Name: 'China'}]; 
}); 

UPDATE: Вот рабочий plunker с Angularjs-selectize работы. Тем не менее, поведение такое же, как вы заявили. Просматривая selectize.js, он создает свои собственные шаблоны и, вероятно, добавляет и удаляет их по мере необходимости. Вот почему я пытаюсь получить больше информации о том, что вам действительно нужно. Давайте поиграем с этим и посмотрим, что вам нужно. Или, может быть, вы можете получить то, что вам нужно от этого плункера?

updated plunker