如何使用 Angular 2 post 数据

Question

Data from add pop up must get saved here This is my add popup 我是 Angular 的新手 2. 我无法 post 数据.. 它给出错误 "department_id,category_id,subcategories,times are missing"。我无法从所选 list.I 中获取数据，请分享我的代码，请帮忙。这是我的 ts 代码：

Component.ts 文件:

addTask(new_task,task) {
  console.log(new_task);
  task.department_id =  new_task.department_id, 
  task.category_id =  new_task.category_id, 
  task.client_id =  new_task.client_id, 
  task.project_id =  new_task.project_id
  this.currentTask = true;
  this.playTimer();
   this.newTask.hide();

                    this.ApiService
                      .addtimerEntries(new_task)
                      .subscribe(
                        entry  => {
                          this.entries = entry;
                          console.log(entry);
                         console.log(this.entries);
                          this.entries.map(function(entry) {
                            var total = 0;
                            entry.total = moment.utc(total).format("HH:mm");
                          })    
                        },
                        error => {
                           console.log(error);
                        }); 
                    }

Api服务代码：

        addtimerEntries(new_task){
var company_id = JSON.parse(localStorage.getItem('company_id'));
  var email = JSON.parse(localStorage.getItem('userEmail'));
  var start = JSON.parse(localStorage.getItem('start'));
  var date = JSON.parse(localStorage.getItem('date'));
  var department_id = JSON.parse(localStorage.getItem('department_id'));
  var category_id = JSON.parse(localStorage.getItem('category_id'));
  var subcategory_id = JSON.parse(localStorage.getItem('subcategory_id'));
  var option_id = JSON.parse(localStorage.getItem('option_id')); 

  var data = {
    workEmail:email,
    company_id:company_id,
    entry_type:"checkin_entry",
    department_id:new_task.department_id,
    category_id:new_task.category_id,
   "subcategories":[{
       subcategory_id:new_task.subcategory_id ,
           option:new_task.option_id
    }] ,
    "times": [{
            state:"start",
            date:"dd/mm/yyyy"
         }]  
  }
  return this.http.post(timerUrlBase + '/timerEntry' , data, options)
                  .map(this.extractData)
                  .catch(this.handleError);
}

我的 HTML 部分：

<div class="table-container">
                    <table class="tasks-table" md-row-select="selected">
                        <tbody>
                            <tr md-auto-select *ngFor="let tod of todays.today">
                                <td class="category-cell"> {{tod.department_id}} </td>
                                <td class="subcategory-cell"> {{tod.category_id}} </td>
                                <td class="client-cell"> {{tod.client_id}} </td>
                                <td class="project-cell"> {{tod.project_id}} </td>
                                <td class="duration-cell"> {{tod.total_hours}}</td>
                                <td class="icon-cell-one">
                                    <span mdTooltipPosition="above" mdTooltip="Press to restart task">
                                    <md-icon class="wd-reload-icon" svgIcon="refresh"></md-icon>
                                    </span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>

控制台输出：

Object {status: "success", data: Array(1)}
data:Array(1)
0:Object
category_id:Object
company_id:2
department_id:10
entry_type:"checkin_entry"
subcategories:Array(1)
times:Array(1)
workEmail:"test1@test.com"
_id:"592bbd40325a5a0786f66137"
__proto__:Object
length:1
__proto__:Array(0)
status:"success"
__

Answer 1

根据您的错误，您缺少 department_id、category_id 和 subcategories

您在 localStorage 中没有这些值，请检查 chrome localStorage

您可以从浏览器查看，

打开console ==> Application ==> LocalStorage并检查

将您的服务更改为，

addtimerEntries(user){
    var company_id = JSON.parse(localStorage.getItem('company_id'));
    var email = JSON.parse(localStorage.getItem('userEmail'));
    var start = JSON.parse(localStorage.getItem('start'));
    var number = JSON.parse(localStorage.getItem('number'));
    var department_id = JSON.parse(localStorage.getItem('department_id')) || '';
    var category_id = JSON.parse(localStorage.getItem('category_id')) || '';
    var subcategories = JSON.parse(localStorage.getItem('subcategories')) || [];

    var data = {
        workEmail:email,
        company_id:company_id,
        entry_type:"checkin_entry",
        department_id:department_id,
        category_id:category_id,
        subcategories:subcategories
    }
    var times = {
        state:start,
        date:number
    }
    console.log(times);
    return this.http.post(timerUrlBase + '/timerEntry' , data, options)
                    .map(this.extractData)
                    .catch(this.handleError);
}

注意台词，

var department_id = JSON.parse(localStorage.getItem('department_id')) || '';
var category_id = JSON.parse(localStorage.getItem('category_id')) || '';
var subcategories = JSON.parse(localStorage.getItem('subcategories')) || [];

我取空值，如果值为空

如何使用 Angular 2 post 数据

How to post data using Angular 2

angular2-services

angular