如何更改Angular中单个文本框的占位符？

Question

嗨，朋友，我有单选按钮 “％”和“ Count”

如果我单击“％”，则在文本框中“％”应为占位符

如果我单击“计数”，则“计数”应为同一文本框的占位符

这里的小提琴链接：http : //jsfiddle.net/qbauuzj2/

HTML

       <div class="winner-par">
        <p>Winner Parameter</p>
        <div class="onoffswitch-green2">
          <input type="radio" id="radios5" name="radiosg5" class="SwitchOn" value="true" checked 
         ng-click="radioChecked()">
          <label for="radios5">%</label>
          <input type="radio" id="radios6" name="radiosg5" class="SwitchOff" value="false" ng-click="radiounChecked()">
          <label for="radios6">Count</label>
        </div>
      </div>
      <input type="text">

Answer 1

您可以动态更新DOM元素

<div ng-app="" ng-controller="Controller">
    ...
    <input type="text" placeholder="{{placeholder}}" />
</div>

您的控制器

function Controller($scope) {

    $scope.radioChecked = function ()
    {
        $scope.placeholder="%";
        $scope.apply();
    }

    $scope.radiounChecked = function ()
    {
        $scope.placeholder="Count";
        $scope.apply();
    }
}

http://jsfiddle.net/z21qfwqz/14/

如果您使用> 1.1.3角版本-此ng-attr-placeholder的更好方法（感谢Teq1）

<input type="text" ng-attr-placeholder="{{placeholder}}" />

看这个