ng单击脚本类型ng模板不起作用

Question

我想制作一个自定义的typehead 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"时，它就会指向结果。

有什么我必须做的吗？

更新：

以下是mycontroller中的作用域：

$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;
};

每当用户从typeahead中选择任何选项时，此功能都将运行。因此，您可以打开一个模态来显示多个结果。

您可以在此处的预编设置标题下找到此功能：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 = "";
};