Question

我有角度材料的问题。我想在md-select中使用带有动态文本的Angular Material label指令。它接缝表明他们的指令创建了html label文本的副本并放入其span中，因此在更新范围值后，它将更新隐藏label中的值，但不会更新其{{1}中的值（在打开和关闭选择列表后更新）。这是一个错误还是我做错了什么？如果它是一个bug，有人看到一个很好的方法来修复它吗？

提前致谢！

JS：

span

HTML：

 angular.module('myApp', ['ngMaterial'])
    .controller('MyController', function ($scope, $timeout) {
              $timeout(function(){
                $scope['select_n_letter'] = 'Lorem ipsum';
              }, 500);
            })
        ;
  ;

Plunker

修改

要查看我的意思，请查看Plumker预览并查看编译指令HTML，如下所示：

<body ng-app="myApp">
  <div ng-controller="MyController" style="padding-top: 50px">
    <form name="a_form">
       <md-input-container>        
        <label>{{select_n_letter}}</label>        
        <md-select 
            required
            name="letter"
            ng-model="letter"
            >
            <md-option value="option">selected</md-option>
        </md-select>
      </md-input-container>
    </form>
  </div>

Answer 1

一种可能的解决方案是显示两个相同的md-select（除了其标签外）。并使用ng-show在它们之间切换。另一种可能性，使用内部包含md-select的指令。使用ng-if（带有不同标签）作为输入来打开和关闭它。

希望这会有所帮助

角度材料mdSelect中的动态标签

1 个答案: