在angularjs中使用javascript內聯

Question

我的控制器中有一個包含名為$ scope.events的日期對象的數組。 我想迭代這些事件並以某種格式打印出來，我使用了momentjs。

現在的問題是，我無法讓它實際使用momentjs。

我嘗試過以下方法：

<table>
   <tr ng-repeat="ev in events">
    <td>{{ moment(ev).format("HH") }}</td>
   </tr>
</table>

但這只是打印一個空單元格。

所以我的問題是，如何在我的角度綁定中使用javascript，momentjs，內聯？

謝謝

托馬斯

Answer 1

假設moment是window一個屬性，你需要在這個對象的$scope中創建一個引用moment引用。

非常簡單：

$scope.moment = window.moment;

這是一個顯示內部$scope方法的plunkr與引用window上方法的$scope屬性：

這是一個簡單的答案，但您可能希望將此庫包裝到其自己的指令或服務中，以便您可以在不將不需要的高級對象耦合到窗口對象的情況下使用它。

Answer 2

將代碼包裝在控制器中的函數中以便快速回答。

controller('Ctrl', function($scope) {
  $scope.moment = moment;
});

我編輯了這個以匹配@Stewie的評論，因為它看起來更好

在你的HTML中：

<td>{{moment(ev, 'HH'}}</td>

或撥打服務/指令的moment更好的東西。