AngularJS如何访问模板

Question

我正在使用angular-ui的模态对话框控件。

$uibModal.open({
    animation: false,
    templateUrl: 'test.html',
    controller: 'TestController',
    size : 'lg'
});

当我实现TestController时，我将无法访问test.html中的元素，但能够访问主要html中的任何内容，例如，

myApp.controller('TestController', function(){

   angular.element(document).ready(function(){
       var inputs = document.querySelectorAll("input");
       console.log(inputs);//only prints inputs from the host html
   });

});

它不会从模板html中找到那些“输入”。我该如何访问这些元素？

Answer 1

如果您能够访问DOM树的根目录document，您将能够访问已加载的任何内容。所以真正的问题是为什么test.html没有被加载。

也许这是一个相对路径问题？除非test.html位于根目录中，否则您需要指定该文件的路径。