如何在AngularJS模板上啓用Javascript？

-4

我們有CMS創建角模板。有一段時間，我們需要爲各種原因混合使用該模板。如何在AngularJS模板上啓用Javascript？

下面是一個例子

<div> 
    <h1>one</h1> 
    {{new Date().getFullYear()}} 
</div>

，但它不工作。 new Date().getFullYear()只是一個例子，但它可以是任何隨機的JavaScript。

在Angular模板中啓用Javascript的最佳做法是什麼？

來源

2014-09-21 Pramendra Gupta

如果你想在模板中執行，那麼你應該使用{{angular}}模板標籤。您應該可以在控制器中定義var，並使用建立在雙向數據綁定中的angular進行注入。在範圍內定義var：'$ scope.today = new Date（）。getFullYear'，然後在模板中添加'{{today}}'。注意：您需要確保您的控制器已定義，並且包含在模板中。另外，你不應該使用jQuery和Angular。 – bencripps 2014-09-22 00:14:50

ben，你完全可以使用jQuery和Angular。 Angular在它的庫中包含了jqlite，但它會專門檢測你是否已經加載了jQuery，如果你有，它將使用完整的jQuery代替。話雖如此--jqlite可能具有足夠多的功能。 – 2014-09-22 00:41:43

嗨@Japanpro - 你能提供一些關於你得到的錯誤的更多信息嗎？「它不起作用」真的不足以讓我們繼續...... – 2014-09-22 06:39:51

要做到這一點，最簡單的方法是在範圍創建日期函數：

控制器：

app.controller('ctrl', function($scope) { 
    $scope.Date = function() { 
     return new Date(); 
    }); 
});

HTML

<div ng-app="app" ng-controller="ctrl"> 
     {{ Date().getFullYear() }} 
</div>

來源

2014-09-22 00:15:07 pixelbits

如何在AngularJS模板上啓用Javascript？

回答

相關問題