【问题标题】:use ng-repeat for edit form data使用 ng-repeat 编辑表单数据
【发布时间】:2017-09-07 16:05:06
【问题描述】:

我无法让编辑功能在 angularJS 1 中工作。

我使用 Laravel 5.4 作为后端的 API。它吐出所有的 JSON 和什么不是。我使用 PostMan 在 Laravel 中检查了我的编辑方法,它工作正常。

我无法理解如何使用 Ionic 将其实现到 AngularJS 中。

所以下面我提供了我正在使用的表单,我正在使用的控制器功能。

eventUpdate.html

<form id="eventForm-form1" class="list" role="form" >
  <label class="item item-input item-stacked-label" id="eventForm-input2">
    <span class="input-label">{{editEvent.event_description}}</span>
    <input type="text" ng-model="editEvent.event_title" required="true">
  </label>
  <label class="item item-input item-stacked-label" id="eventForm-input3">
    <span class="input-label">Description</span>
    <input type="text" ng-model="editEvent.event_description" required="true">
  </label>
  <label class="item item-input item-stacked-label" id="eventForm-input4">
    <span class="input-label">Location</span>
    <input placeholder="123 Maple Lane" type="text" ng-model="editEvent.event_location" required="true">
  </label>
  <label class="item item-input item-stacked-label" id="eventForm-input5">
    <span class="input-label">Date</span>
    <input type="date" ng-model="editEvent.event_date" required="true">
  </label>
  <label class="item item-input item-stacked-label" id="eventForm-input6">
    <span class="input-label">Time</span>
    <input type="time" ng-model="editEvent.event_time" required="true">
  </label>
</div>
  <a ui-sref="tabsController.eventView" id="eventForm-button1" class="button button-positive  button-block ng-click="update()"">Create Event</a>

  <input type="button" ng-click="reset(form)" value="Reset" />
    <div class="modal-footer">
                        <button type="button" ng-click="update()" >Update</button>
                    </div>
</form>

App.js

ThesisApp.controller('UpdateController',['$scope', '$http', 
'$ionicLoading', '$routeParams', function($scope, $http, $ionicLoading, 
$routeParams){

$scope.edit = function(){
  $http.get("http://thesis-app.dev/events/edit/"+$routeParams.id)
   .success(function(response){
    console.log('get info');
    $scope.editEvent = response;
  })
.error(function(response) {
    console.log("not working");
    });
  }

}]);

【问题讨论】:

  • 我没有在您发布的代码中找到函数edit
  • 抱歉,edit() 正在另一个页面上的实际编辑按钮上调用
  • 您遇到什么错误?究竟是什么问题?你在哪里有 ng-repeat?

标签: javascript php angularjs laravel


【解决方案1】:

尝试改变这一行:

<button type="button" ng-click="update()" >Update</button>

<button type="button" ng-click="edit()" >Update</button>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-17
    相关资源
    最近更新 更多