angularjs – Angular-material md-select with images或svg

发布时间：2020-12-17 17:05:57 所属栏目：安全来源：网络整理

导读：我正在使用角度材料,我想使用md-select但是使用images / svg;我正在使用md-option和ng-repeat,并且选项列表有效,但是当我选择某些内容时,我会看到文本. 这可行吗？谢谢 md-select ng-model="mkt.bookmaker" placeholder="Select a bookmaker" md-option ng-

我正在使用角度材料,我想使用md-select但是使用images / svg;我正在使用md-option和ng-repeat,并且选项列表有效,但是当我选择某些内容时,我会看到文本.

这可行吗？

谢谢

<md-select ng-model="mkt.bookmaker" placeholder="Select a bookmaker">
  <md-option ng-value="opt" ng-repeat="opt in mkt.selected.matchInfo.bookmakers">
    <md-icon md-svg-src="{{ opt.logo }}"></md-icon>{{ opt.name }}
  </md-option>
</md-select>

这里有一些截图：

解决方法

我找到了一个在 angular material github中使用md-select的好方法

Here带有解决方案的plunker,并在预览下方.

控制器：

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

app.controller('MainCtrl',function($scope) {

    $scope.options = [
      {
        name: 'Rome',size: '200                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!