ng-init无法初始化数据

时间:2013-07-11 05:30:00

标签: angularjs

在AngularJS中,ng-init在执行模板之前无法初始化数据。 例如, 的的index.html

<div class="control-group">
    <label class="control-label label-bold">Shipping First Name :</label>
    <div class="controls">
      <input class="control-width" validation-errors="contactData" 
         maxlength="50" type="text" id="shipping_first_name" 
         placeholder="First Name" 
         ng-model="contactData.data.ShopCustomer.shipping_first_name"
         ng-init="contactData.data.ShopCustomer.shipping_first_name='abc'">
    </div>
</div>

如何在AngularJS中获得初始值?

这是小提琴: http://jsfiddle.net/aasquare3/2XDvt/

2 个答案:

答案 0 :(得分:1)

Working fiddle - abc显示在文本框/输入中。

你的小提琴不包括Angular,所以我添加了v1.0.3,并指定了“No wrap-in&lt; body&gt;”。

body标记没有ng-app,因此我在“小提琴选项”下指定了<body ng-app>

答案 1 :(得分:0)

在尝试设置contactData的值之前,您确定contactData.datacontactData.data.ShopCustomercontactData.data.ShopCustomer.shipping_first_name是否已初始化(至少清空对象)?