javascript - 如何使用 Angular Material Design 在输入字段上保留占位符字符

Question

查看上图，您可以通过向 Material Design/Angular 指令添加占位符属性来添加美元符号 ($)。当您专注于输入并添加文本时，美元符号就会消失。 CSS 有没有办法或者我可以保留美元符号？

 <md-input-container >
    <label>Tens ($10.00's)</label>
    <input name="tens" ng-model="data.tens" placeholder="$">
  </md-input-container> 

Answer 1

也许你可以尝试ng-change，在输入中添加ng-change="change()"

$scope.change = function () {
    if ($scope.data.tens === "$") {
        $scope.data.tens = "";
    }
    else if (!$scope.data.tens.startsWith('$')) {
      $scope.data.tens = '$' + $scope.data.tens;
    }
};