如何將值從 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>

希望！！它會有所幫助。