Angular JS контроллер с помощью Angular-UI-роутер не работает? - PullRequest
0 голосов
/ 24 октября 2018

Я новичок в angularJs, я работал на примере использования angular ui router.Может кто-нибудь, пожалуйста, дайте мне знать, если вы видите какую-либо ошибку?Я использую 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/angularjs@1.0.20/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";
        });

Я использую localhost/Home/Index/ приложение работает нормально, но значения по умолчанию для "firstName" или "lastName" не работают.

1 Ответ

0 голосов
/ 24 октября 2018

Я положил ваши коды в Plunker .Единственное, что я изменил, - это теги <script>.

Я переместил их в тег header и удалил

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

и добавил

<script src="app.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...