Question

我是AngularJS的新手。我对ng-model有疑问。

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

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

$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，这些文本字段值都变空并且不显示在其中。我需要它在文本字段中显示，编辑它并传递给服务器。

如何从textfield获取编辑值以将其传递给服务器 - angularjs

0 个答案: