Platzhalter funktioniert nicht bei Eingabe von Textfeldern

Question

Ich bin ein Neuling in Angular, also entschuldige ich mich im Voraus für irgendwelche dummen Fehler. Ich habe ein Textfeld Eingabe durch eine Richtlinie in Angular definiert:

.directive('textField', function() { 
    return { 
     restrict: 'E', 
     scope: true, 
     require: 'ngModel', 
     template: '{{start}}<span class="text-field-cursor">{{end}}</span>', 
     controller: 'TextFieldController', 
     link: function (scope, elem, attrs, ngModel) { 
      scope.keyboardOptions.limitTo = parseInt(attrs.limitTo); 
      scope.keyboardOptions.caps = _.has(attrs, 'caps'); 

      scope.model = ngModel; 

      elem.bind('click', function() { 
       scope.openKeyboard(); 
      }); 

      elem.on('$destroy', function clickDestroyElement() { 
       elem.unbind(); 
      }); 
     } 
    }; 
}) 

Dann auf meinem HTML, ich

schrieb

<text-field class="text-field" data-t-username focusable request-focus="true" ng-class="{ 'is-focused': (focused || active), 'is-active': active }" ng-model="data.username" placeholder='Enter your username here' limit-to="32"></text-field> 

Allerdings ist der Platzhalter nicht auf der Webseite sichtbar gemacht werden. Was mache ich falsch?

Answer 1

In Ihrer Anweisung ist die Vorlage keine Eingabe. Der Platzhalter kann also nicht funktionieren.

Sie können Span auf Eingabe oder andere Direktive ändern, die mit Platzhalter arbeiten.