Javascript 在jhipster实体中使用$http_Javascript_Angularjs_Jhipster_Angular Http

Javascript 在jhipster实体中使用$http

javascript angularjs jhipster

Javascript 在jhipster实体中使用$http,javascript,angularjs,jhipster,angular-http,Javascript,Angularjs,Jhipster,Angular Http,从角度视图/控制器更新某些实体字段的正确方法是什么假设我们有一个“待办”应用程序，其中我们希望将“任务”实体状态从ng click事件从1更改为0，并将更改存储在数据库中我们如何在控制器中创建该功能，以便在选中/取消选中复选框时调用它让我们设置操场： <div ng-repeat="task in tasklist.tasks"> <checkbox ng-change="completeTask({{taskId:task.id}})"></che

从角度视图/控制器更新某些实体字段的正确方法是什么

假设我们有一个“待办”应用程序，其中我们希望将“任务”实体状态从ng click事件从1更改为0，并将更改存储在数据库中

我们如何在控制器中创建该功能，以便在选中/取消选中复选框时调用它

让我们设置操场：

<div ng-repeat="task in tasklist.tasks">

    <checkbox ng-change="completeTask({{taskId:task.id}})"></checkbox>
    <span>{{task.title}}</span>  

</div>

当然，单击复选框时，这只是一个事件。这里有一个例子，直接来自。这是非常直截了当的东西，如果我没有遗漏什么的话，在你开始建筑之前，可能会完成一两个关于Angular的好教程

HTML:

<!DOCTYPE html>
<html>
<head>
  <script src="angular.js"></script>
  <script src="script.js"></script>
</head>

<body ng-app="mainModule">
  <div ng-controller="mainController">
    <h3>2. Change event on checkbox</h3>
    Select a checkbox<br />
    <label>Check1: <input type="checkbox" ng-model="check1Selected" ng-change="onCheckBoxChange()" /></label><br />
    <label>Check2: <input type="checkbox" ng-model="check2Selected" ng-change="onCheckBoxChange()" /></label><br />
    <strong>RESULT:</strong> {{onCheckBoxChangeResult}}<br />
    <br />
  </div>
</body>
</html>

angular.module("mainModule", [])
  .controller("mainController", function ($scope)
  {
    // Initialization
    $scope.onCheckBoxChangeResult = "";

    $scope.onCheckBoxChange = function () {
      $scope.onCheckBoxChangeResult = "Check1 is " + ($scope.check1Selected ? "SELECTED" : "NOT SELECTED") +
        ", " + "Check2 is " + ($scope.check2Selected ? "SELECTED" : "NOT SELECTED");
    };
});

现在将其修改为您的用例，JHipster公开了一个REST API，以便用完整的实体使用

PUT/API/tasks/123

更新现有任务，或者定义了一个子资源，实现并使用

POST/API/tasks/123/complete

，后者应返回303 HTTP状态码

对REST中的PUT/POST和部分更新进行一些研究

然后在角度部分，使用第一种方法，生成的

task.service.js

具有

update

功能所需的一切，第二种方法需要更多的工作。

非常感谢您的回答。抱歉，Nick，可能是我的错误不够清楚，我知道这是基本的东西，我的问题是当我需要更新通过Api从数据库中获取的实体的某些特定属性时，我应该如何工作，以便符合Jhipster（angular+spring yeoman generator）遵循的编码标准。再次感谢。您使用的是什么数据库？您知道用于数据库查询的API的名称吗？我不熟悉JHipster，但从我刚刚读到的内容来看，您可以选择一个数据库，我不确定在哪里可以找到JHipster数据库查询的API文档。非常感谢！

angular.module("mainModule", [])
  .controller("mainController", function ($scope)
  {
    // Initialization
    $scope.onCheckBoxChangeResult = "";

    $scope.onCheckBoxChange = function () {
      $scope.onCheckBoxChangeResult = "Check1 is " + ($scope.check1Selected ? "SELECTED" : "NOT SELECTED") +
        ", " + "Check2 is " + ($scope.check2Selected ? "SELECTED" : "NOT SELECTED");
    };
});