клик внутри скрипта не работает

Я хотел бы создать пользовательский пользовательский пользовательский интерфейс типа Angular Bootstrap, вот мой настраиваемый шаблон:

<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");
            })
      };