Question

我对Angular很新，并被要求对页面进行小编辑。＆＃xA;我本质上是试图让页脚自己更新时间（间隔JS）但是每个脚本标记都被忽略了或者只是没有显示任何内容。＆＃xA;我已经尝试使用一些非常简单的脚本进行测试，看看我做错了什么，但页脚仍然没有显示任何内容。通过一些调查，我发现footer.html是更大的pagelayout.html的一部分。所以我的问题是，有人可以向我解释为什么脚本不能正常运行吗？

＆＃xA;＆＃xA;

我试图编辑的部分

＆＃xA; ＆＃xA;

 ＆lt; div＆gt;＆＃xA; ＆lt; span ng-show =“vm.socketData.buildInfo.NODE.UPTIME”＆gt;＆＃xA; ＆lt; font color =“white”＆gt; UI正常运行时间：＆lt; / font＆gt; {{vm.socketData.buildInfo.NODE.UPTIME}}＆＃xA; ＆LT; /跨度＆GT;＆＃XA;＆＃XA; ＆lt; span ng-show =“vm.socketData.buildInfo.DC.UPTIME”＆gt;＆＃xA; ＆lt; font color =“white”＆gt; DC正常运行时间：＆lt; / font＆gt; {{vm.socketData.buildInfo.DC.UPTIME}}＆＃xA; ＆LT; /跨度＆GT;＆＃XA; ＆lt; / div＆gt;＆＃xA;

＆＃xA;＆＃xA;

我正在尝试让脚本替换 {{vm.socketData.buildInfo.DC .UPTIME}} 值

＆＃xA;＆＃xA;

任何帮助或解释都非常有用，谢谢！

＆＃xA;

Answer 1

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>

Angular footer.html <script>无效

1 个答案: