AngularJS + BootstrapUI：自動完成未加載選項

Question

我正在嘗試使用 Ui-Bootstrap 自動完成加載常用名稱。

當我輸入時，我可以看到列表被加載的次數與該字母重復的次數完全相同。 但它沒有顯示名稱。 我可以看到 href 標簽沒有價值！

我肯定在這里錯過了一些東西。 想法？

筆： https://codepen.io/vbbalaji/pen/qBRjRGm

        <span class='py-2 mb-2'>Please enter your name</span>
        <div class='container mb-2'>
            <div class='row'>
                <div class='col-3 text-right py-2 my-1'>Name</div>
                <div class='col-9 vlight-blue py-2 my-1 rounded-lg text-left px-1'>
                    <div class='d-inline-block'>
                        <input type='text' style="text-transform:capitalize;" 
                        id='custName' placeholder='Type your Name' ng-model="CustomerName" value='' 
                        typeahead='name for name in commonNames | filter:$viewValue | limitTo:8' typeahead-show-hint="true" 
                        class="ttInput rounded-lg">
                    </div>
                    <button class='btn btn-xxs btn-danger alignright' ng-click='ClearCustName()'>CLEAR</button>
                </div>
                <button class='btn btn-primary btn-xxs mt-2' id='btnUpd' ng-click="UpdateCurOrder(1)"><i class="fas fa-save px-1"></i>Save</button>
            </div>
        </div>
    </div>

Answer 1

I think you have missed to include required external javascript files reference in the application or html page and same I can see in the provided codepen link.
Include the required external javascript/css reference in head tag of your main page.
For your reference replace your head tag code with below head tag (which has external references) in the codepen and it should work

  <head>
    <style>
        .bgVideo { height: 100vh;}
    </style>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.2/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.2/angular-sanitize.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.2/angular-route.min.js"></script>
    <script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
</head>

AngularJS + BootstrapUI：自動完成未加載選項

問題描述

1 個解決方案

解決方案1
0 2021-04-17 07:29:43

AngularJS + BootstrapUI：自動完成未加載選項

問題描述

1 個解決方案

解決方案1 0 2021-04-17 07:29:43

解決方案1
0 2021-04-17 07:29:43