javascript - ng 单击内部脚本类型 ng 模板不起作用

Question

我想制作一个自定义打字头 Angular Bootstrap UI，这是我的自定义模板:

<script type="text/ng-template" id="customTemplateall.html">
       <a>
          <span ng-bind-html="match.label | uibTypeaheadHighlight:query"></span>
          <br>
          <small>Nama Lain:{{match.model.tag}}</small>
      </a>
</script>

因此，通过该代码，我想在用户在输入字段中键入一些字符后提及一些结果，这是输入字段的代码:

<div class="wrp-search">
        <div class="labelsearch"><img src="images/bulb-black.png" alt=""/> Tulis Jenis Pemeriksaan</div>
        <input type="text" ng-model="$parent.nama" placeholder="Contoh: Diabetes" uib-typeahead="item as item.name for item in dataall | filter:{tag:$viewValue} | limitTo:10" typeahead-min-length="2" typeahead-template-url="customTemplateall.html">
        <input type="submit" class="btn-green" ng-click="cari()" />
</div>

所以，我想要多个搜索结果，例如:1 MG Labs

因此，当用户单击打字头时，它会转到多个结果，而当用户单击“GO”时，它会定向到结果。

有什么我必须做的吗？

更新:

这是我的 Controller 中的范围:

$scope.onSelect = function ($item, $model, $label) {
        $scope.$item = $item;
        $scope.$model = $model;
        $scope.$label = $label;
            // alert($scope.$item.name);
            $http({
              method: 'POST',
              url: '/api/v1/order/cart/add/byname',
              data: {
                name: $scope.$item.name
              }
            }).success(function(){
              // $window.location.href = 'order/pemeriksaan';
              $scope.cartget();
              $scope.nama.name = ""; //this is the code
            }).error(function(){
              alert("pencarian gagal");
            })
      };

Answer 1

您可以使用 Angular ui-bootstrap 提供的以下功能:

$scope.onSelect = function ($item, $model, $label) {
    //$scope.$item = $item;
    //$scope.$model = $model;
    //$scope.$label = $label;

};

只要用户从预先输入中选择任何选项，此函数就会运行。因此您可以打开一个模态来显示多个结果。

您可以在此处的预输入设置标题下找到此功能: http://angular-ui.github.io/bootstrap/#/typeahead

示例:

$scope.onSelect = function ($item, $model, $label) {
    var id = $item.id;
    // This function opens a modal
    // You could also create an alert
    $scope.getMarketPlayerID(id);
    // This statement clears the input to blank
    $scope.selected = "";
};