占位符不适用于ng-model

Question

HTML

使用ng-model - 无效

<input type="text" ng-model="Event.Sponsor.Amount" name="donationAmount" placeholder="{{PlaceHolderOther}}" required />

没有ng-model - 工作

 <input type="text" name="donationAmount" placeholder="{{PlaceHolderOther}}" required />

JS

 $scope.PlaceHolderOther = "$50.00";

您能告诉我为什么placeholder无法使用ng-model吗？没有ng-model，它工作正常。提前致谢。

输出（运行时）

<input type="text" name="donationAmount" placeholder="$50.00" ng-model="Event.Sponsor.Amount" required="" class="ng-pristine ng-valid ng-valid-required">

它正确显示placeholder值。但不会将其显示给用户。为什么？

更新我发现了问题。这是texbox已经自动初始化。当我们删除该值时，它会显示占位符值。那么默认情况下如何避免这种情况？

Answer 1

尝试data-ng-model，请参阅index API documentation。 像，

<input id="ship-address-line-3" name="ship_address_line3" placeholder="{{shippingFormOrderItemAction.ship_address_line3}}" data-ng-model="retryAutoDetails.ship_address_line3" type="text">

Answer 2

你定义了

吗？

$scope.Event = {};

请尝试使用。

是：根据更新的答案..（纠错错字）