Question

<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>

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

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

非常感谢

Answer 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>

AngularJS-占位符值自动更改

1 个答案: