Angular如何根据远程Typeahead选择的选项填充文本输入

Question

我已根据此fiddle创建了一个aninvocing表单，但我更改了一个Typeahead的Description输入，该类型使用远程url来从我拥有的所有产品的数据库中提取数据。我需要知道的是，在Typeahead中选择产品后，我可以使用产品的成本更新成本输入字段。

typeahead url是我在codeigniter控制器中生成的JSON，它运行得很好。 JSIB带来了产品名称和成本。

当我选择成本保持显示0时，这是表格的示例。即使我在Typeahead选择时自动设置输入的值。

  <input ng-model="item.cost" type="number"  ng-click="item.cost = null" class="form-control" value="selectedProduct.cost" ng-required ng-validate="number" size="6"  />

当我检查元素时，它显示成本输入值由{{selectProduct.cost}}填充（例如value =＆＃34; 599＆＃34;）但它仍然显示0：

预先输入角度代码

 $scope.selectedProduct = null;

  // instantiate the bloodhound suggestion engine
  var numbers = new Bloodhound({
    datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.collection); },
    queryTokenizer: Bloodhound.tokenizers.whitespace,
        prefetch: {
            url: "products/getproducts",
             wildcard: '%QUERY'

        }
  });

  // initialize the bloodhound suggestion engine
  numbers.initialize();

  $scope.numbersDataset = {
    displayKey: 'collection',
    source: numbers.ttAdapter(),
    templates: {
      empty: [
        '',
        'No products were found...',
        ''
      ].join('\n'),
    }
  };


  // Typeahead options object
  $scope.exampleOptions = {
    displayKey: 'collection',


  };