Question

我有一个Ionic1应用程序，它具有允许用户编辑记录的功能。例如，将潜在客户的联系人更改为客户。

当我点击潜在客户的编辑时，会加载一个用于编辑潜在客户的视图。

我的应用程序然后显示一个表单，并在$ http.get请求之后使用潜在客户数据填充字段，允许用户根据需要修改/更新潜在客户。

我的问题是，当点击编辑时，只会填充一些下拉列表。

我的编辑潜在客户的控制器

.controller('prospectCtrlEdit', function($scope, $http,  $state, $stateParams, $ionicLoading, prospects, customers) {

  $ionicLoading.show();

  $http.get('URL_API_END_POINT/' + $stateParams.customer + '/edit?token=' + localStorage.getItem("token")).then(function(successResponse){

    $scope.return = successResponse;
    $scope.prospect = $scope.return.data.data.prospect;

    $ionicLoading.hide();

  }, function(errorRepsonse){
     $scope.error = errorRepsonse;
     $scope.$broadcast('scroll.refreshComplete');
     $ionicLoading.hide();

  });

});

我的表单

<div class="list">
<label class="item item-input item-select">
    <div class="input-label">
      Type
    </div>
    <select ng-model="prospect.client_type">
      <option value="2">Prospect</option>
      <option value="1">Customer</option>
    </select>
</label>
<label class="item item-input item-select">
  <div class="input-label">
    Title
  </div>
  <select ng-model="prospect.title">
    <option value="Mr and Mrs">Mr & Mrs</option>
    <option value="Mr">Mr</option>
    <option value="Mrs">Mrs</option>
    <option value="Ms">Ms</option>
    <option value="Miss">Miss</option>
    <option value="Dr">Dr</option>
  </select>
</label>
<label class="item item-input item-stacked-label">
  <span class="input-label">First Name</span>
  <input type="text" placeholder="First name" ng-model="prospect.first_name">
</label>
<label class="item item-input item-stacked-label">
  <span class="input-label">Last Name</span>
  <input type="text" placeholder="Last name" ng-model="prospect.last_name">
</label>
<label class="item item-input item-stacked-label">
  <span class="input-label">Email</span>
  <input type="email" placeholder="Email address" ng-model="prospect.email">
</label>
<label class="item item-input item-stacked-label">
  <span class="input-label">Mobile</span>
  <input type="tel" placeholder="Mobile" ng-model="prospect.mobile">
</label>

<div class="item">
  <button class="button button-block" ng-click="updateProspect()">Update Profile</button>
</div>
</div>

作为参考，我已经包含了我对API的回复，这是用于填充表单的内容。

{
   "data":{
      "status":"success",
      "prospect":{
         "id":5887,
         "user_id":9,
         "title":"Mr and Mrs",
         "company":null,
         "first_name":"Peter",
         "last_name":"Prospect",
         "email":"",
         "mobile":"",
         "telephone":null,
         "addressline1":null,
         "addressline2":null,
         "addressline3":null,
         "addressline4":null,
         "lat":null,
         "long":null,
         "town":null,
         "postcode":null,
         "county":null,
         "country":null,
         "comments":null,
         "status":1,
         "created_at":"2017-07-12 20:52:48",
         "updated_at":"2017-07-12 20:52:48",
         "client_type":2,
         "prospect_converted":null
      }
   }
}

回顾一下。当编辑潜在客户页面加载时，填充表单来自上面$ http.get（）请求的所有当前数据。用户根据需要更新信息 - 问题是下拉菜单＆＃34;类型＆＃34;用于确定客户或潜在客户的类型不是自动的然而，标题是。

Ionic1编辑记录＆amp;填充字段

0 个答案: