AngularJS - 占位符值自动更改答案

【问题标题】：AngularJS - Placeholder value change automaticallyAngularJS - 占位符值自动更改
【发布时间】：2018-07-20 00:53:00
【问题描述】：

<md-input-container class="md-block hide-error-space" flex="25">
<input required name="code" ng-model="code">
</md-input-container>

这里是用户输入代码的文本框。

<md-input-container md-no-float class="md-block hide-error-space" flex="50">
    <input name="Hooter" ng-readonly="true" ng-model="hooter"
           placeholder="Please input the code">
</md-input-container>

这是另一个文本框，我想让占位符在代码文本框为空时显示“请输入代码”，并在输入代码时显示“代码为：{{code}}”。

有什么方法可以为占位符写条件吗？

非常感谢

【问题讨论】：

标签： html angularjs

【解决方案1】：

<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app>
    Code: <input required name="code" ng-model="code">
    <br>
    Hooter: <input name="Hooter" ng-readonly="!code" ng-model="hooter"
              placeholder="{{!code?'input the code':'the code is '+code}}" />
</body>

【讨论】：