Angularjs：模板外的javascript无法正常工作

Question

:)我在index.html文件的正文中有一个输入，它对我的​​模板起到静态标题的作用。唯一的问题是我的模板中有过滤器，如下所示：

<!-- Home Template --> <script id="home.html" type="text/ng-template"> <ion-view title="plz help"> <ion-content> <div class="list" id="list" ng-repeat="phone in phones | filter:query"> ... </div> </ion-content> </ion-view> </script>

这样就可以实现＆＃34; 2个单独的文件＆＃34; （它们都在index.html内）。这使得我无法例如＆＃34;清除过滤器＆＃34;从标题中位于模板外的按钮开始。

我有什么方法可以＆＃34;包括＆＃34;不同的＆＃34;文件＆＃34;在彼此中，以便我可以在＆＃34;文件＆＃34;？

中执行JavaScript

提前致谢！

Answer 1

您可以使用嵌套范围执行此操作。因为query位于根范围内，所以从控制器的范围可见。您有例子here

但是，如果先前未在主控制器中定义，则有时存在根嵌套范围中的根或父范围变量不可见的问题。此外，您可以使用$rootScope服务来更轻松地访问。

希望我澄清一点。