Angularjsng-optionieissue Solution

Recently, angularjs used ng-options as the select option data source in IE and was nested in ng-switch (ng-transclude) and the like, after the ng-options data source model changes on angular, It is not rendered on IE. After a while of testing and reading the relevant documentation... syn recently met angularjs using ng-options as the select option data source in IE, and is nested in ng-switch (ng-transclude) and the like, after the ng-options data source model changes on angular, It is not rendered on IE. After a while of testing and reading the relevant documentation, I finally confirmed that: Because ng-switch (ng-transclude) is used to make its scope the original parent scope, after DOM is generated on the parent scope, cloneNode is cloned to the specified instruction location. However, IE does not trigger re-painting for the nodes cloned by the select statement, so the above issue is available. The problem is fixed, so what we need to do is to manually trigger IE to re-paint the Select statement. After trying a lot of methods, we finally confirm that it is effective: first, add an option with native js on options and immediately remove this option. The solution is as follows: allow. module ('ie. select ', []). directive ('aeselectfix', [function () {return {restrict: 'A', require: 'select', link: function (scope, element, attributes) {var isIE = document. attachEvent; if (! IsIE) return; var control = element [0]; scope. $ watch (attributes. ieSelectFix, function () {// it shoshould be use javascript way, not jquery way. var option = document. createElement ("option"); control. add (option, null); control. remove (control. options. length-1) ;}}}}]); usage: Select