Javascript 占位符不适用于ng模型

HTML

使用ng模型-不工作

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

您能告诉我为什么

占位符

不适用于

ng型号

？没有

ng型号

，工作正常。提前谢谢

输出（运行时）

它正确地显示了

占位符

值，但没有向用户显示。为什么

---

更新：我发现了问题。即texbox已自动初始化。当我们删除该值时，它将显示占位符值。因此，默认情况下如何避免此问题？

请尝试

数据ng模型

，请参阅。 大概

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

您定义了吗

$scope.Event = {};

试试上面的

---

是：根据……更新了答案。。（拼写错误更正）

尝试

$scope.Event={PlaceHolderOther:'$50.00'}

；它应该是

$scope.Event

问题是，它在

type=number

上运行正常，但在

文本上运行不正常。这真的很奇怪，我看不出文本和数字的关系，但我认为$scope.Event={}；是问题所在。那么我可以这样使用
$scope.placeholder other=“$50.00”？我也更新了我的答案。但仍然不起作用？为什么？你能改变属性的顺序，看看它是否有效吗。
<input type="text" name="donationAmount" placeholder="$50.00" ng-model="Event.Sponsor.Amount" required="" class="ng-pristine ng-valid ng-valid-required">

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

$scope.Event = {};