在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ Angular input 無法獲取ng-module

Angular input 無法獲取ng-module

用的是Angular1.6，在form表單的input控件中用ng-module雙向綁定書記
form表單代碼

<!DOCTYPE html>
<html>


<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.css">
    <script src="js/angular/angular.js"></script>
    <script src="form.js"></script>
</head>

<body ng-app="UserInfoModule">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <div class="panel-title">雙向數(shù)據(jù)綁定</div>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-12">
                    <form class="form-horziontal" role="form" ng-controller="userInfoCtrl">
                        <div class="form-group">
                            <label class="col-md-2 control-label">
                            郵箱：
                            </label>
                            <div class="col-md-10">
                                <input type="email" class="form-control" placeholder="123@123.com" ng-module="userInfo.email"/>
                            </div>
                            {{userInfo.email}}
                        </div>
                        <div class="form-group">
                            <label class="col-md-2 control-label">
                            密碼：
                            </label>
                            <div class="col-md-10">
                                <input type="password" class="form-control" placeholder="只能是數(shù)字,字母,下劃線" ng-module="userInfo.password"/>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

controller代碼

var userInfoModule = angular.module('UserInfoModule',[]);
userInfoModule.controller('userInfoCtrl',['$scope',function($scope){
    console.log("Start");

    $scope.userInfo={
        email:"123456@163.com",
        password:"123",
        autoLogin:true
    };
    debugger;
}])

打開頁面輸入框沒值

回答
編輯回答
獨(dú)特范

字段名拼寫錯(cuò)誤：module指模塊，model指模型

HTML結(jié)構(gòu)中的數(shù)據(jù)模型綁定字段應(yīng)該為ng-model

2018年5月11日 22:28