0

我是 AngularJS 的新手。我有一个问题ng-model。

在我的一个页面中，我有一个列表视图。每个列表都可以删除或编辑。我需要的是当我单击编辑按钮时，我必须将特定的列表值传递给另一个控制器，并且它应该显示在单独的文本字段中。在这个新控制器中，我有一个更新按钮，这样如果文本字段中的任何更改都可以发送到服务器。问题是ng-model不起作用，因为我将列表值显示为value="{{list.name}}". 下面是我的完整代码。

从我的第一个控制器，我通过这种方法将值传递给下一个：

$scope.edit = function(item) {    
    $state.go('app.editemployer',{emp : item.emp_id,empname: item.emp_name,empcontact: item.emp_contact,companyname: item.comp_name,mobile: item.mobile,address: item.address1,addre: item.address2,city: item.city,states: item.state,postcode: item.zipcode,username: item.username,pass: item.password,email: item.emailid});
};

然后在我的app.js中如下：

.state('app.editemployer', {
    url: "/editemployer/:emp/:empname/:empcontact/:companyname/:mobile/:address/:addre/:city/:states/:postcode/:username/:pass/:email",
    views: {
      'menuContent': {
        templateUrl: "templates/editemployer.html",
         controller: 'editemployersCtrl'
      }
    }
  })

然后在editemployer.html页面中，我在文本字段中显示值，如下所示：

<form class="form-horizontal" >
    <div class="form-group" >
    <label for="inputEmail" class="control-label col-xs-6">
        EMPLOYER NAME</label>
        <div class="col-xs-6">
            <p class="form-control-static"><input type="text" value="{{name}}" ng-model="data.name"></p>
        </div>
    </div>
    <div class="form-group">
        <label for="inputEmail" class="control-label col-xs-6">EMPLOYER CONTACT</label>
        <div class="col-xs-6">
            <p class="form-control-static"><input type="text" value="{{contact}}" ng-model="data.contact"></p>
        </div>
    </div>
</form>

然后在editemployersCtrl controller.js中如下：

.controller('editemployersCtrl',function($scope,$http,$ionicLoading,$state)
{        
    $scope.emp=$state.params.emp;
    $scope.name =$state.params.empname;
    $scope.contact =$state.params.empcontact;
    $scope.cmpname =$state.params.companyname;
}

选择编辑按钮后我得到的是，无论我在哪里使用ng-model，这些文本字段值都变空并且没有显示在其中。我需要它显示在文本字段中，对其进行编辑并传递给服务器。

4

0 回答 0