angularJs：无法查看表单提交中的数据

Question

我是一个简单的表格。我接受（必填）文字。

提交时，只是为了检查这一步，我想打印到js控制台提交的数据。但我不能。

HTML

<form action="" name="search_form" 
      novalidate 
      ng-controller="SearchController as src"
      ng-submit="search_form.$valid && src.searchCode()">

     <div bs-panel title="Giacenza per prodotto">

        <input
            bs-form-control
            required
            type="text"
            ng-model="src.product.code"
            label="Prodotto"
            label-class="col-xs-3 col-sm-2 col-lg-1"
            class="col-xs-9 col-sm-10 col-lg-11"
            placeholder="Cod. Phonix"
        />

     </div>

    <div bs-panel class="form-actions">
        <div content-for="navbarAction" duplicate>
            <button class="btn btn-primary">
                Cerca  
            </button>
        </div>
    </div>
</form>

** js **

app.controller('SearchController', function($scope) {

   $scope.product = {
        code : "",
   }

   this.searchCode = function () {
        console.warn ($scope.product.code);
   };

});

问题控制台写入空字符串＆＃39;即使我已经在表格中插入了一些数据。

Answer 1

改变这个：

    <input
        bs-form-control
        required
        type="text"
        ng-model="product.code"
        label="Prodotto"
        label-class="col-xs-3 col-sm-2 col-lg-1"
        class="col-xs-9 col-sm-10 col-lg-11"
        placeholder="Cod. Phonix"
    />

您必须在输入字段中删除ng-model中的src。