Material Angular,如何将属性添加到md-text-float指令

时间:2014-11-12 13:44:49

标签: angularjs angularjs-directive material-design

我使用material.angular作为我的用户公式,输入" name"是这样的:

<md-text-float label="Username" ng-model="userEdit.user.nickname"></md-text-float>

我想添加&#34; required&#34;属性为先前创建的输入,但似乎很难,材料允许我指定一个类型或者#34;禁用&#34; attr但没有别的。

我可以在创建字段后添加属性吗?

2 个答案:

答案 0 :(得分:2)

您现在可以使用&#39; required&#39; <md-text-float>元素上的属性,

它正在使用版本v0.6.1-master-fc723d4

如果您需要将其他属性传递到<input>元素,则可以使用以下内容:

<md-input-group class="md-default-theme">
   <label for="">something </label>
   <md-input  ng-model="myValue" ng-change="doSomethingOnChange()"  ng-blur="doSomethingOnBlur()" autocapitalize="off" type=""></md-input>
</md-input-group>

正在运作 codepen

在github上看到 discussion

答案 1 :(得分:0)

在修复此问题之前,您可以使用自己指令中的link函数添加属性。

假设您使用包含myDirective元素的模板创建了指令md-text-float,则可以执行以下操作:

&#13;
&#13;
angular.module ('myModule', [])
  .directive ('myDirective', function () {
    return {
      // your own directive parameters
      // ...
      
      link: function (scope, element, attrs) {
        element.find ('input').attr ('required', 'true');
      }
    };
  });
&#13;
&#13;
&#13;