使用angularjs更新记录

时间:2016-10-20 06:53:17

标签: javascript c# angularjs

我在C#使用angularjs创建一个网络应用我在我的应用中有多条记录我想要更新thode记录,我创建了网络服务和所需的js文件进行更新我只是想知道我需要如何打印文本框和下拉列表中的上一个值

<input type="text" ng-model="uvenuename" ng-init="uvenuename='{{updateparam.VenueName}}'" value="{{updateparam.VenueName}}" style="margin-left: 5%;" placeholder="Venue Name" text="" height="30" />

<input type="text" ng-model="uvenueadd" ng-init="uvenueadd='{{updateparam.Venueadd}}'" value="{{updateparam.Venueadd}}" style="margin-left: 5%;" placeholder="Venue Address" text="" height="30" />

我做了类似的事情,但如果我想更改单个文本框(let see)我只更改了地址名称并更新了记录,地址显示为{{updateparam.Venueadd}},我的下拉列表显示我空格

<select ng-model="ulocation">
   <option ng-repeat="k in blocation" value="{{k.jlocation}}">
        {{k.jlocation}}
   </option>
</select>

这是我的下拉列表,如何克服这些流量?

1 个答案:

答案 0 :(得分:0)

除了使用ng-init和value来尝试维护视图和变量之间的绑定,您应该只使用ng-model来使用AngularJS的双重绑定。您必须不在ng模型中使用原始数据类型才能使其正常工作。

<input type="text" ng-model="data.uvenuename" style="margin-left: 5%;" placeholder="Venue Name" text="" height="30" />

<input type="text" ng-model="data.uvenueadd" style="margin-left: 5%;" placeholder="Venue Address" text="" height="30" />

您的选择元素

相同
<select ng-model="data.ulocation">
   <option ng-repeat="k in blocation" value="{{k.jlocation}}">
      {{k.jlocation}}
   </option>
</select>

在select标签中,var data.ulocation将使用option标签中attr值的值进行更新。

数据变量应该类似于:

$scope.data = {
    uvenuename: "",
    uvenueadd: "",
    ulocation: ""
}