angularjs - Angular UI-Router very basic example is not working ? Please see full code on plunker -
angular ui-router not working? please see code on plunker.
i trying run basic routing example in angular js. welcomeview.html
not appearing on page.
(function() { "use strict" var app = angular.module("plunker", ["ui.router"]); app.config(["$stateprovider", "$urlrouterprovider", function($stateprovider, $urlrouterprovider) { $urlrouterprovider.otherwise("/"); $stateprovider .state("home", { url: "/", templateurl: "welcomeview.html" }) } ]); }());
there updated , working version
firstly need add reference app.js
our module
<head> ... <script src="app.js"></script> // missing <script src="script.js"></script> </head>
also, should not use ng-controller
, not need ui-router
//<body ng-controller="mainctrl"> <body>
the app.js
on other hand, should contain controller : "..."
$stateprovider .state("home", { url: "/", templateurl: "welcomeview.html", // declare here controller: "mainctrl", })
then, in script.js
, cannot redefine module plunker (using setter) - have take (using getter)
// redefine app.js stuff //var app = angular.module('plunker', []); // getter module var app = angular.module('plunker'); app.controller('mainctrl', function($scope) { $scope.name = 'world'; });
check in action here
Comments
Post a Comment