2016-02-12 34 views
-1

我對Angular很陌生,並被要求對頁面進行一個小的編輯。我試圖讓頁腳更新自己的時間(區間JS),但每個腳本標記似乎被忽略或只是沒有顯示任何東西。 我試過用一些非常簡單的腳本進行測試,看看我是否做了任何錯誤,但頁腳仍然不會顯示任何內容。通過一些調查,我發現footer.html是更大pagelayout.html的一部分。所以我的問題可能會有人向我解釋爲什麼腳本不工作/正在運行?Angular footer.html <script> s不工作

的部分我試着去編輯

<div> 
    <span ng-show="vm.socketData.buildInfo.NODE.UPTIME"> 
     <font color = "white">UI Uptime: </font>{{ vm.socketData.buildInfo.NODE.UPTIME }} 
    </span> 

    <span ng-show="vm.socketData.buildInfo.DC.UPTIME"> 
     <font color="white">DC Uptime: </font>{{ vm.socketData.buildInfo.DC.UPTIME }} 
    </span> 
</div> 

我試圖使腳本替換{{ vm.socketData.buildInfo.DC.UPTIME }}

任何幫助或解釋將是非常有益的感謝!

+0

請包括[MCVE]。 – zzzzBov

+0

我並不是真的要求編碼答案,但更多的角度我的行爲可能不知道 – Nighthee

回答

0

var time = angular.module('time', []); 
 

 
time.controller('Ctrl2', ['$scope', function ($scope) { 
 
    $scope.format = 'M/d/yy h:mm:ss a'; 
 
}]); 
 

 
time.directive("myCurrentTime", function(dateFilter){ 
 
    return function(scope, element, attrs){ 
 
     var format; 
 
     
 
     scope.$watch(attrs.myCurrentTime, function(value) { 
 
      format = value; 
 
      updateTime(); 
 
     }); 
 
     
 
     function updateTime(){ 
 
      var dt = dateFilter(new Date(), format); 
 
      element.text(dt); 
 
     } 
 
     
 
     function updateLater() { 
 
      setTimeout(function() { 
 
       updateTime(); // update DOM 
 
       updateLater(); // schedule another update 
 
      }, 1000); 
 
     } 
 
     
 
     updateLater(); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="time"> 
 
    <div ng-controller="Ctrl2"> 
 
     Date format: <input ng-model="format" /> <hr/> 
 
    Current time is: <span my-current-time="format"></span> 
 
     <div>{{propiedadPrueba}}</div> 
 
    </div> 
 
</div>