我如何将值从Angular传递给javascript？

Question

我是Angular的新手。以下代码显示正确的用户电子邮件（“ [email protected]”），但在javascript警报中，它显示的是“ {{user_name}}”，而不是“ [email protected]”。

<div ng-app="app" ng-controller="MyController" id="id123">
{{user_name}}
</div>
<script> var to_print=document.getElementById('id123').innerText; alert(to_print) </script>

谢谢您的帮助。

Answer 1

[JavaScript代码是在尖括号之前加载的。因此，找不到{{username}}的值。使用SetTimeout等待角度代码加载。

<div ng-app="app" ng-controller="MyController" id="id123">
{{user_name}}
</div>
<script> 
setTimeout(function(){
           var to_print=document.getElementById('id123').innerText; 
           alert(to_print)
          }),1000); 
</script>

希望！会有所帮助。