如何将值从 Angular 传递给 javascript？

Question

我是 Angular 的新手。 以下代码打印正确的用户电子邮件（ "my_email@domain.com" ），但在 javascript 警报中它显示"{{user_name}}"而不是"my_email@domain.com" 。

<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 代码在 angular 之前加载。 因此，找不到 {{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>

希望！！它会有所帮助。