angular js controller using angular-ui-router not working?

Question

I'm new to angularJs, I have been working in an example using angular ui router. can anyone please let me know if you see any error? I'm using Visual Studio.

index.cs html

<body>
    <div ng-app="app">
        First Name: <input type="text" ng-model="firstName"><br>
        Last Name: <input type="text" ng-model="lastName"><br>
        <br>
        Full Name: {{firstName + " " + lastName}}
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular.min.js" ></script>
    <script src="https://unpkg.com/@uirouter/[email protected]/release/angular-ui-router.min.js"></script>
    <script src="~/App/application.js"></script>
        <script src="~/App/Controlers/controller.js"></script>

</body>
</html>

application.js

var app = angular.module("app",
            ["ui.router"]);
    app.config(function ($stateProvider, $urlRouterProvider) {


    $urlRouterProvider.otherwise('/home');

    $stateProvider
        // State managing 
        .state('home', {
            url: '/home',
            templateUrl: '/home/index',
            controller: 'myCtrl'
        })
        .state('home.index', {
            url: '/',
            controller: 'myCtrl'
        });

});

controller.js

app.controller('myCtrl', function ($scope) {
            $scope.firstName = "John";
            $scope.lastName = "Doe";
        });

I'm using localhost/Home/Index/ the application is working fine, but the default values for "firstName" or "lastName" is not working.

Can you provide the source of your example?

holydragon
– holydragon

2018-10-24 04:13:24 +00:00
Commented Oct 24, 2018 at 4:13 — holydragon
– holydragon, Commented Oct 24, 2018 at 4:13

holydragon · Accepted Answer · 2018-10-24 04:21:21Z

1

I put your codes into a Plunker. The only thing I changed is the <script> tags.

I moved them into header tag and removed

<script src="~/App/application.js"></script>
<script src="~/App/Controlers/controller.js"></script>

and added

<script src="app.js"></script>

answered Oct 24, 2018 at 4:21

holydragon

6,7687 gold badges49 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angular js controller using angular-ui-router not working?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related