如何在角度中更改单个文本框的占位符？

Question

嗨朋友我有radiobuttons “％”和“计数”

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

如果我点击“计数”，那么“计数”应该是同一文本框的占位符

这里的小提琴链接：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/

如果你使用＆gt; 1.1.3角度版本 - 这个ng-attr-place的更好方法（感谢 Teq1 ）

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

Look at this

Answer 2

请遵循以下示例：

Change value of input placeholder via model?

根据选择的内容，更改范围中“占位符”变量的值，然后将该变量绑定到元素上的占位符属性。