2017-03-30 12 views

답변

2

을 사용하고

난 당신에게 jsconsole

(function(angular) { 
 
    'use strict'; 
 
    angular.module('ngConsole', []).controller('consoleController', function($scope) { 
 
    $scope.messages = []; 
 
    $scope.log = function(msg) { 
 
     $scope.messages.push({ 
 
     type: 'log', 
 
     text: msg, 
 
     date: new Date() 
 
     }); 
 
    }; 
 
    }); 
 
})(window.angular);
<!doctype html> 
 
<html lang="en"> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Example</title> 
 
    <script src="//code.angularjs.org/snapshot/angular.min.js"></script> 
 

 

 

 
</head> 
 

 
<body ng-app="ngConsole"> 
 
    <div ng-controller="consoleController"> 
 
    <ul> 
 
     <li ng-repeat="msg in messages"> 
 
     [{{$index + 1}}] {{msg.type}} {{msg.text}} {{msg.date}} 
 
     </li> 
 
     <li ng-if="messages.length === 0"> 
 
     <i>no results messages...</i> 
 
     </li> 
 
    </ul> 
 
    <button ng-click="log('ok')">click</button> 
 
    </div> 
 
</body> 
 

 
</html>

같은 원격 도구를 권장합니다