javascript - Angular does not show output -
have tried every solution on stackoverflow not solve problem, output not showing. output appear in logs , everywhere else due reason angular unable render it.
in real scenario receiving data server , have mimicked object structure getting in 'controller.js' file
html
<!doctype html> <html lang="en"> <head> </head> <body> <div ng-app="application" ng-controller="controller"> <ng-view> <h2> todo list: </h2> <ul> <li> {{t}}</li> <li> {{s}}</li> </ul> </ng-view> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <script src="application.js"></script> <script src="controller.js"></script> </body> </html> controller.js
var app=angular.module('application', []); app.controller("controller", function($scope) { var d= [{'task':'say hi!','status':'failed'}]; $scope.t=d[0].task; $scope.s=d[0].status; console.log("task",$scope.t); console.log("status",$scope.s); }); application.js
var app = angular.module("application", []); app.run(function(){ console.log("app running!"); });
<!doctype html> <html lang="en"> <head> </head> <body> <div ng-app="application" ng-controller="_controller"> <h2> todo list: </h2> <ul> <li> {{t}}</li> <li> {{s}}</li> </ul> </div> <script> var app=angular.module('application', []); app.controller("_controller", function($scope) { var d= [{'task':'say hi!','status':'failed'}]; $scope.t=d[0].task; $scope.s=d[0].status; console.log("task",$scope.t); console.log("status",$scope.s); }); app.run(function(){ console.log("app running!"); }); </script> </body> </html>
Comments
Post a Comment