为什么我不能只访问HTML的root-scope变量 <script> </script> 部分？

Question

我是AngularJs的新手，并且正在构建一个简单的AngularJs网站，我已经设置了页面，并且该页面可以正常运行。 但是，当我尝试在index.html的脚本部分中使用rootscope变量时。 它总是给出一个错误：该变量未定义。 但是，我仍然可以在index.html的html部分中使用该变量。 谁能告诉我为什么它会这样工作？ 以及如何解决？ 谢谢。 这是我简单的HTML代码：

   <!DOCTYPE html>
<html data-ng-app="test" lang='laCo'>

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge; IE=10; IE=9">
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <link rel="stylesheet"
    href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

   <script>
     $( function() {
            loaddivpage();
        });
    loaddivpage = function(){
        window.Final = user.userId;
        $( "#innerdiv" ).load("./app/chat/Dialog.html");
    }
   </script>
   </head>
   <body> 
   <div id ="webdiv">
      <div id = "innerdiv"> </div>
   </div>
    </body>
  </html>

在这里，我想将Dialog.html加载到使用window.Final变量的innerdiv中。 注意：user.userId是rootscope变量。

Answer 1

我设法找到一种方法，因为html部分与根范围有关，因此我可以使用angular来获取根范围变量：像：通过使用angular.element（$（“＃your div id”）） .scope（）获取html部分的范围，然后使用此范围访问根范围变量。 希望这会帮助别人。

为什么我不能只访问HTML的root-scope变量 <script> </script> 部分？

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-04-04 17:23:14

为什么我不能只访问HTML的root-scope变量 <script> </script> 部分？

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-04-04 17:23:14

解决方案1
0 已采纳 2018-04-04 17:23:14