Fatal编程技术网
  • angularjs/
  • Angularjs Can'；无法从作用域中获取参数

Angularjs Can'；无法从作用域中获取参数

angularjs

Angularjs Can'；无法从作用域中获取参数,angularjs,scope,ionic,2-way-object-databinding,Angularjs,Scope,Ionic,2 Way Object Databinding,您好，我刚刚使用ionnav view标记创建了一个带有爱奥尼亚的登录页面。这是在我的index.html中，我有这个标签，它与.config一起使我能够根据我的规范更改模板 这是index.html的正文： <body ng-app="starter"> <ion-nav-bar class="bar-positive"> <ion-nav-back-button> </ion-nav-back-button> </ion-nav

您好，我刚刚使用
ionnav view
标记创建了一个带有爱奥尼亚的登录页面。这是在我的index.html中，我有这个标签，它与
.config
一起使我能够根据我的规范更改模板

这是index.html的正文：

<body ng-app="starter">

<ion-nav-bar class="bar-positive">
  <ion-nav-back-button>
  </ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
</body>
以下是login.html：

<ion-view view-title="" name="login-view">
<ion-nav-bar ></ion-nav-bar>
      <ion-content class="padding top-space">
      <div class="item item-image padding borders">
          <img ng-src="img/welcome.png">
      </div>
      <br/>
      <br/>

      <div class="list">
         <label id="rounded" class="item item-input">
              <span class="input-label"><span class="ion-email"></span> Email</span>
              <input type="email" placeholder="example@go.cm" class="button-blanche" ng-model= "loginparam.email">
         </label>
      </div>
      <div class="list">
         <label id="rounded" class="item item-input">
              <span class="input-label"><span class="ion-unlocked"></span> Password</span>
              <input type="password" placeholder = "password"class="button-banche" ng-model= "loginparam.password">
         </label>
      </div>
      <button class="button button-block button-verte" ng-click="login()">Login to GoJ</button>
      <div class="padding">
        <p>Not in GoJ? <a class="green-link" ng-click="signin()">Create an Account</a></p>
        <p><a  class="green-link" href="">Forgot Password?</a></p>
      </div>
      {{loginparam}}
  </ion-content>
</ion-view>
我的
console.log（$scope.loginparam）
在LoginCtrl范围中未定义。现在我真的很困惑。有人能帮我吗？

看起来您还没有在LoginCtrl中定义
$scope.loginparam

请在您的LoginCtrl中添加以下代码

$scope.loginparam = {
    email: '',
    password: ''
}
我不能完全理解你想做的事。你能解释一下吗？请在登录页面中解释loginParam的用途？在登录页面中，我使用
ng model=“loginParam.email”将loginParam绑定到控制器的作用域
我确信此视图的控制器必须是
LoginCrtl
，如
app.js
中所定义，但当我使用
console.log（$scope.loginparam）时，我无法在控制器中访问此参数
，因此我想知道我错过了什么。 
    .controller('LoginCtrl', function($scope, $state, $rootScope, $ionicModal) {
    console.log("sCope  " + $scope.loginparam);//undefined
    console.log("root" + $rootScope.loginparam);//undefined
    var param = {};
    $scope.login =function(){
console.log("Checking rootscope " +$rootScope.loginparam);//undefined
console.log("Checking scope " +$scope.loginparam);//undefined
//call the login service with the login parameters from the login template

    $state.go("tab.dash");
  };

$scope.loginparam = {
    email: '',
    password: ''
}