0

私はangularJsを使用した新しいものなので、コントローラーなどの作成方法を多くの投稿で見ましたが、すべてのコントローラーで、コントローラーを処理する特定のビューで定義された特定の値を取得するためにスコープを渡します。デバッグ中に $scope を使用して値を表示し、値を取得したい $scope.LoginName エラー:-未定義のプロパティを読み取ることができません。

$scope.loggedIn にアクセスしていますが、ログイン ビューの値にはアクセスしていません。

index.html

<body ng-controller="LoginController">

    <div ng-switch="loggedIn">
      <div ng-switch-when="false">
        <div class="navbar navbar-inverse navbar-static-top">
            <div class="container">
                <a href="#" class="navbar-brand"><b>Consumely</b></a>

                <div class="collapse navbar-collapse navHeaderCollapse">
                    <ul class="nav navbar-nav navbar-right" data-ng-controller ="inventoryNavController">
                        <li data-ng-class="{'active':getClass('/Login')}"><a href="#/Login">Login</a></li>
                        <li data-ng-class="{'active':getClass('/SignUp')}"><a href="#/SignUp">SignUp</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div ng-view class="viewStyle"></div>
      </div>

      <div ng-switch-when="true">
        <div class="navbar navbar-inverse navbar-static-top">
            <div class="container">
                <a href="#" class="navbar-brand"><b>Consumely</b></a>
                <div class="collapse navbar-collapse navHeaderCollapse">
                    <ul class="nav navbar-nav navbar-left">
                        <li class=""><a ng-click='logout()' >Log Out</a></li>
                        <li><a href="#">Send Invite</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li data-ng-class="{'active':getClass('/Stores')}"><a href="#/Stores">Stores</a></li>

                    </ul>
                </div>
            </div>
        </div>
        <div ng-view class="viewStyle"></div>
      </div>
    </div>


    <!-- Controllers -->

    <!-- login Controller -->
    <script src="app/controllers/loginController.js"></script>

    <!-- services -->

    <!-- login service -->
    <script src="app/services/loginService.js"></script>

  </body>

LoginView.html

<div class="form-group">
                        <label for="login-Name" class="col-lg-3 form-label">User Name:</label>
                        <div class="col-lg-8">
                            <input type="text" class="form-control" id="login-Name" ng-model="LoginName" name="login-Name" placeholder="User Name"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="login-Password" class="col-lg-3 form-label">Password:</label>
                        <div class="col-lg-8">
                            <input type="password" class="form-control" id="login-Password" ng-model="LoginPass" name="login-Password" placeholder="Password"/>
                        </div>
                    </div>

loginController.js

app.controller('LoginController', function ($rootScope, $scope, loginService, $location) {

    $rootScope.loggedIn = false;

      $scope.login = function() {

          var user = {
              "username" : $scope.LoginName,
              "password" : $scope.LoginPass
          }
      }; 
});

誰かが私を助けてくれたら親切に教えてください。

4

0 に答える 0