小编Saj*_*raf的帖子

我有一个简单的待办事项应用程序,我试图上传一张照片和一个待办事项.现在我已经创建了这个工厂函数来处理todo的创建

  todosFactory.insertTodo = function(todo){
    return $http.post(baseUrl, todo, {
      headers: {
        'Content-Type' : undefined
      },
      transformRequest: function(data, headersGetter){
        var formData = new FormData();
        angular.forEach(data, function (value, key) {
            formData.append(key, value);
        });
        return formData;
      }
    });
  };

工厂更新方法如下所示

  todosFactory.updateTodo = function(id, todo){
    return $http.put(baseUrl + '/' + id, todo, {
      headers: {
        'Content-Type' : undefined
      },
      transformRequest: function(data, headersGetter){
        var formData = new FormData();
        angular.forEach(data, function (value, key) {
            formData.append(key, value);
        });
        return formData;
      }
    });
  };

insertTodo按预期工作,但updateTodo未将数据发布到服务器.我正在使用laravel作为API,更新API端点具有此代码

dd(Input::all(), Input::file('cover_photo'));

这表明注释已在请求中发布.如果我在updateTodo工厂方法中将put更改为post,它将开始工作.我错过了一些额外的标题或什么？

更新 …

我想从 API 加载一些数据，然后启动应用程序。我怎样才能做到这一点。AppRegistry这里有一些关于 API 的文档https://reactnative.dev/docs/appregistry但我不知道如何做到这一点。

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

// I want to delay this part
AppRegistry.registerComponent(appName, () => App);

我已经创建了一个用于选择照片的vue组件.当用户单击任何照片时,照片的ID将被分配给组件内的隐藏输入字段.

现在我在同一页面上使用了两次不同数据的组件.问题是当我点击一个组件的照片时,两个组件的输入字段的值都会更新.我正在使用vue.js版本2.1.10 这是我的组件的简化版本.

<div>
    <input type="hidden" :name="inputName" :value="currentSelectedPhoto.id">
    <div v-for="photo in photos">
        <div v-on:click="updateSelectedPhoto(photo)">
            <img :src="photo.photo_url" />
        </div>
    </div>
</div>

组件

export default {
    props: {
        ...
    },
    methods: {
        getPhotos(){
            ...
        },
        updateSelectedPhoto(photo){
            this.currentSelectedPhoto = photo;
        }
    }
}

这就是我在html中使用它的方式

<div>
    <div>
        Profile Photo
        <photo-selector
            photos="{{ $photos }}"
            input-name="profile_photo_id"
            >
        </photo-selector>
    </div>
    <div class="col-sm-4">
        Cover Photo
        <photo-selector
            photos="{{ $otherPhotos }}"
            input-name="cover_photo_id"
            >
        </photo-selector>
    </div>
</div>