如何更新 $('select').material_select(); $http 完成后

Question

我正在使用 angular 和 materializecss (link)。我想在 $http 完成更新后 material_select() 但无法找到任何解决方案。

到目前为止我已经试过了::

1> $('select').material_select();

2> $(element).material_select();

任何人都可以提出任何解决方案。

提前致谢。

Answer 1

使用以下步骤来解决你的答案::

 $http({
  method: "POST",
  url: '/xxxxxxx',
  data: {
   type: "1"
  }
 })
  .success(function (result) {
   //result-> [{value:1,name:val1},{}...]
   $scope.choices = result;

  //timeout use for resolving $digest issue of $scope
   $timeout(function () {
    angular.element(document).find('#mySelect').material_select();
   }, 500);

  });

$timeout 在您的控制器中使用此服务。

在您的 DOM 中将如下所示

<select class="" id="mySelect" material-select ng-model="accountType" ng-options="item.value as item.name for item in choices">
</select>

如何更新 $('select').material_select(); $http 完成后

How to update $('select').material_select(); after $http complete

select

materialize

angularjs

angular-http