如何在角度js中使用ng-model进行绑定

时间:2015-06-05 02:42:48

标签: javascript html angularjs

我刚刚开始使用角度js,我正在玩ng-model指令,但我无法弄清楚我做错了什么。我希望输入电子邮件值在h1标签中显示为我打字。我输入的时候,我并没有在h1标签中显示任何内容。

<body ng-app="starter">
    <ion-pane>
        <ion-content style="margin-top: 163px">
            <div ng-controller="loginController">
                <form action="">
                    <div class="row">
                        <div class="col col-50 col-offset-25">
                            <div class="card">
                                <div class="item item-text-wrap">
                                    <div class="list">
                                        <label class="item item-input">
                                            <i class="icon ion-email placeholder       icon"></i><input type="email" placeholder="Email" ng-model="email" />
                                            <h1>{{email}}</h1>
                                        </label>
                                  <label class="item item-input">
                                      <i class="icon ion-locked placeholder-icon"></i><input type="text" placeholder="Password" />
                                  </label>
                                  <br/>
                                  <button class="button button-full button-positive">Clock Me In</button>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </form>
      </div>
  </ion-content>
</ion-pane>
</body>

这是我的javascript

var app = angular.module('starter', ['ionic'])

app.controller('loginController', function($scope)
{

})

1 个答案:

答案 0 :(得分:1)

您的更改未显示在屏幕上,因为在您输入电子邮件时它无效。无效值会$scope反映为null,因此无需显示任何内容。

根据评论中的建议,您可以更改type="text"。由于您删除了验证,因此您会在$scope屏幕和$scope中看到该文字,但是您会牺牲验证。

如果您仍想使用电子邮件验证,并希望在屏幕/ ng-model-options中看到它,则可以使用here所述的ng-model-options

使用$scope,您可以允许将无效值存储在ng-model-options="{allowInvalid: true}"

尝试将type="email"添加到<?php error_reporting(E_ALL); ini_set("display_errors", 1); require_once ('soapclient/SforcePartnerClient.php'); $mySforceConnection = new SforcePartnerClient(); $mySoapClient = $mySforceConnection->createConnection("soapclient/partner.wsdl.xml"); $mylogin = $mySforceConnection->login("xyz@gmail.com", "pass#xa9Ur9xMD6qqdRhdmLBuiRev"); var_dump($mylogin);die; ?> Fatal error: Uncaught SoapFault exception: [sf:API_DISABLED_FOR_ORG] API_DISABLED_FOR_ORG: API is not enabled for this Organization or Partner in /var/www/mssdev/force/soapclient/SforceBaseClient.php:168 Stack trace: #0 /var/www/mssdev/force/soapclient/SforceBaseClient.php(168): SoapClient->__call('login', Array) #1 /var/www/mssdev/force/soapclient/SforceBaseClient.php(168): SforceSoapClient->login(Array) #2 /var/www/mssdev/force/index.php(11): SforceBaseClient->login('xyz@gm...', 'fas#xa9Ur9...') #3 {main} thrown in /var/www/mssdev/force/soapclient/SforceBaseClient.php on line 168输入中。