javascript - AngularJS select2 not showing any values -

-

i using select2 way specified in https://github.com/angular-ui/ui-select2

<div ng-controller="samplecontroller>     <select ui-select2 ng-model="select2" data-placeholder="pick number">         <option value=""></option>         <option ng-repeat="number in range" value="{{number.value}}">{{number.text}}</option>     </select> </div>

but not working me. see dropdown there no values select.

if change have static list follow works fine.

<div ng-controller="samplecontroller">     <select ui-select2 ng-model="select2" data-placeholder="pick number">         <option value="">value1</option>         <option value="">value2</option>         <option value="">value3</option>     </select> </div>

what missing here?

my model follow

function samplecontroller($scope){     $scope.select2="";     $scope.range=[{text:"name1", value:"id1"},         {text:"name2", value:"id2"},         {text:"name3", value:"id3"}];      $("#e1").select2(); }

i think have use $timeout : 

function samplecontroller($scope, $timeout){     $scope.select2="";     $scope.range=[{text:"name1", value:"id1"},         {text:"name2", value:"id2"},         {text:"name3", value:"id3"}];     $timeout(function(){       $("#e1").select2();     }, 0); }

why? because $timeout wait end of $digest (in case ng-repeat) before execute function.

your previous code did :

  • render html
  • $("#e1").select2();
  • interpretate ng-repeat

so, select2 function executed before select has option elements.

look $timeout documentation : https://docs.angularjs.org/api/ng/service/$timeout


Comments

Post a Comment

Popular posts from this blog

sql server - MSSQL Text and Varchar(MAX) fields shown (MEMO) in DBGrid -

-
Image
i have encountered problem in mssql & delphi xe3. text , varchar(max) fields seemed (memo) or (widememo) in tdbgrid & tdbadvgrid (tms dbgrid). in first screenshot can see table fiels, in second screentshot can see sample data in database: in screenshot, see how in dbgrid or in query results. i figured out changing field type char , varchar not max solves issue don't know why having problem. can please let me know?
Read more

qml - Is it possible to implement SystemTrayIcon functionality in Qt Quick application -

-
i writing qtquick desktop application. use both c++ (for functionality) , qml (for ui) in it. use qquickview show interface written in qml. i want application reside in system tray when minimised. i mean functionality similar example. http://qt-project.org/doc/qt-4.8/desktop-systray.html . trying implement feature not find way in qt quick application. here main.cpp code: #include <qguiapplication> #include <qqmlengine> #include <qqmlcontext> #include <qqmlfileselector> #include <qquickview> #include "myapp.h" int main(int argc, char* argv[]) { qguiapplication app(argc,argv); app.setapplicationname(qfileinfo(app.applicationfilepath()).basename()); qdir::setcurrent(qapp->applicationdirpath()); myapp myappobject; qquickview view; view.connect(view.engine(), signal(quit()), &app, slot(quit())); view.rootcontext()->setcontextproperty("myappobject", &myappobject); new qqmlfilese...
Read more

mysql - Flyway migration, Unable to obtain Jdbc connection from DataSource -

-
i trying use flyway create , manage mysql database. here code have got far. flywaymigration.java : class applys migration public class flywaymigration { public flywaymigration(databaseconfiguration configuration, flyway flyway) { flyway.setdatasource(configuration.getdatasource()); flyway.migrate(); } public static void main(string[] args) { new flywaymigration(new databaseconfiguration("database.properties"), new flyway()); } } databaseconfiguration.java : configuration class, class configure datasource applyed flyway.setdatasource method public class databaseconfiguration { private final logger logger = loggerfactory.getlogger(this.getclass()); private propertiesutil prop = null; public databaseconfiguration(string file) { prop = new propertiesutil(file); } public string getdatasourceclass() { return prop.getproperty("mysql.data.source.class"); } pu...
Read more