javascript - Angular JS 将 html 发送到数据库

Question

我正在发送 html

你好

<div class="input-field">
 <input id="price" type="number" ng-model="productData.price" ng-init="productData.price = ''" >
  <label for="price">Price</label>
</div>



<div id="editor3" class="ql-container ql-snow">
      <div class="ql-editor" data-gramm="false" contenteditable="true">
        <p>hello</p>
      </div>
    </div>
    <input type="hidden" ng-model="productData.description">

到 Angular js代码，但它不起作用。我是 Angular js 的新手。下面第五行我不想从 HTML 代码中获取数据

 $scope.addProdcut = function (productData) {
        if ($scope.validateProduct(productData)) {
            $scope.productLoader = true;
            $('#productSubmit').attr('disabled', true);
$scope.productData.description = $('#editor3 .ql-editor').html() != '' ? $('#editor3 .ql-editor').html() : '';
            var url = webroot + 'products/addProduct';
            $scope.data = {
                "type": "json",
                "data": productData,
                "image": $scope.productImage
            };
            $http.post(url, $scope.data, {
                headers: {
                    'X-CSRF-Token': token
                }
            });
        }
    }  

Controller 文件

public function addProduct()
{
    if ($this->request->is('post')) {
        $content = $this->request->input('json_decode', true);
        $data = $content['data'];
        $file = '';
        if ($content['image'] != '') {
            $file = date('ymd') . time() . '.' . 'jpg';
            $path = WWW_ROOT . 'img/products/' . $file;
            $this->base64_to_jpeg($content['image'], $path);
        }
        $products = TableRegistry::get('Products');
        $query = $products->query()->insert(['item', 'price', 'description', 'image', 'status', 'added_by', 'created'])
            ->values([
                'item' => $data['name'],
                'price' => $data['price'],
                'description' => $data['description'],
                'image' => $file,
                'status' => 1,
                'added_by' => $this->loggedInUser['id'] . '||' . $this->loggedInUser['username'],
                'created' => date("Y-m-d\TH:i:s"),
            ])->execute();
        echo json_encode(['status' => 'success']);
        exit;
    }
}

它是一个表单中的文字编辑器，我想使用隐藏的输入字段将 HTML 代码(来自文字编辑器)保存在数据库中。通过将数据 ng-model 发送到隐藏的输入字段

Answer 1

您正在将值存储在 $scope.productData.description 中然后发送productData ，您应该发送 $scope.productData.description .

$scope.addProdcut = function(productData) {
  if ($scope.validateProduct(productData)) {
    $scope.productLoader = true;
    $('#productSubmit').attr('disabled', true);
    $scope.productData.description = $('#editor3 .ql-editor').html() != '' ? $('#editor3 .ql-editor').html() : '';
    var url = webroot + 'products/addProduct';
    $scope.data = {
      "type": "json",
      "data": $scope.productData.description,
      "image": $scope.productImage
    };
    $http.post(url, $scope.data, {
      headers: {
        'X-CSRF-Token': token
      }
    });
  }
}