Question

我有两个文件。一个是index.html，它本质上是我网站的框架，另一个是main.html，它包含我主页的模板。在导入所有脚本之前，我有以下代码。

   <div class="container">
        <div class="well" ng-view=""></div>

        <div class="footer">
            <p translate="footer">Well hello there Mr. Footer</p>
        </div>
    </div>

我的所有输入和控制器都在我的脚本中导入。由于路由控制器，这默认为拉我的main.html。问题是，当我将以下代码放入我的index.html时，typeahead工作正常，但是当我将它移动到我的main.html时它就会停止工作。我的所有javascript都是从文件中运行的，所以它不应该是首先加载的冲突...思考？

        <div ng-controller="employeeController">
            <table>
                <center>
                    <div id="the-basics">
                        <input type="text" 
                            ng-model="text" 
                            ng-change="get(text, 'name')"
                            class="typeahead" 
                            id="search" 
                            placeholder="Search Employees..."/> 
                    </div>
                    <button class="btn btn-primary btn-md" ng-click="get(text, 'name')">
                        <span class="glyphicon glyphicon-search"></span>
                    </button>
                </center>
            </table>
        </div>

这是一个从未回答的类似问题： Bootstrap Typeahead Not Registering in AngularJS ng-view

Answer 1

我能够通过将控制器的另一个脚本导入直接导入main.html来解决此问题。

在ng-view中无法识别Typeahead

1 个答案: