0
AngularJSコントローラはIBM MobileFirstの関数ではありませんが、エラーが発生しています。私はスタックオーバーフローで尋ねられる多くの同様の質問を行ったが、何も私を助けなかった。AngularJSコントローラはIBM MobileFirstの関数ではありません
// **************** app.js ***************
var app = angular.module('myApp',['ui.router']);
app.config(function($stateProvider, $urlRouterProvider){
\t
\t $urlRouterProvider.otherwise('/login');
\t
\t $stateProvider
\t \t .state('login',{
\t \t \t url:'/login',
\t \t \t templateUrl:'view/login.html',
\t \t \t controller:'loginController'
\t \t });
\t
});
// **************** login.js ***************
app.controller('loginController',function($scope){
\t
\t $scope.login = function(){
\t \t $scope.userName = angular.element('#usrName').val();
\t \t $scope.password = angular.element('#pass').val();
\t \t console.log($scope.userName, $scope.password);
\t \t
\t \t
\t \t
\t \t $scope.loginProcedure ={
\t \t \t \t procedure:'login',
\t \t \t \t adaptor:'SQL',
\t \t \t \t parameters:[$scope.userName, $scope.password]
\t \t };
\t \t
\t \t WL.Client.invokeProcedure($scope.loginProcedure, function(){
\t \t \t onSuccess: loginSuccess,
\t \t \t onFailure: loginFailure
\t \t });
\t \t
\t \t $scope.loginSuccess = function()
\t \t {
\t \t \t alert('success');
\t \t };
\t \t
\t \t $scope.loginFailure = function()
\t \t {
\t \t \t alert('failed');
\t \t };
\t }
\t
});<!-- INDEX.html -->
<!DOCTYPE HTML>
<html>
\t <head>
\t \t <meta charset="UTF-8">
\t \t <title>AB</title>
\t \t <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
\t \t <!--
\t \t \t <link rel="shortcut icon" href="images/favicon.png">
\t \t \t <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
\t \t -->
\t \t <link rel="stylesheet" href="css/main.css" />
\t \t <link rel="stylesheet" href="css/bootstrap.min.css" />
\t \t <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
\t \t
\t \t <script>window.$ = window.jQuery = WLJQ;</script>
\t </head>
\t <body ng-app="myApp">
\t \t <!--application UI goes here-->
\t \t
\t \t <div id="view" ui-view></div>
\t \t
\t \t <script src="js/initOptions.js"></script>
\t \t <script src="js/main.js"></script>
\t \t <script src="js/messages.js"></script>
\t \t <script src="library/jquery.min.js"></script>
\t \t <script src="library/angular.1.4.9.js"></script>
\t \t <script src="library/angular-ui-router.min.js"></script>
\t \t <script src="library/bootstrap.min.js"></script>
\t \t <script src="controller/app.js"></script>
\t \t <script src="controller/login.js"></script>
\t </body>
</html>
<!-- Login.html -->
<div ng-controller="loginController" class="col-xs-12 col-sm-6 col-md-4 center-block" id="lgBlock">
\t <!-- Login Box Start -->
\t <div class="panel panel-primary">
\t \t <div class="panel-heading">Login</div>
\t \t <div class="panel-body">
\t \t \t <form class="form-group" name="lgForm">
\t \t \t \t <input type="text" class="form-control" id="usrName" ng-modal="usrName" required />
\t \t \t \t <input type="password" class="form-control" id="pass" ng-modal="pass" required />
\t \t \t \t <input type="submit" class="btn btn-primary btn-block" id="submit" value="Login" ng-click="login()" />
\t \t \t </form>
\t \t </div>
\t </div>
\t
\t <!-- Login Box End -->
\t
\t <!-- error Modal start -->
\t
\t <div class="modal" role="modal" id="errorPopup">
\t \t <div class="modal-dialog">
\t \t \t <div class="modal-content">
\t \t \t \t <div class="modal-header">Error</div>
\t \t \t \t <div class="modal-body"></div>
\t \t \t </div>
\t \t </div>
\t </div>
\t
\t <!-- error Modal End -->
</div>
の間違った綴りました画面。あなたがこれを助けるかどうか確認するためにこれを解決できますか？ [$ scope.userName、$ scope.password] 2）$： 1正しい1以下）$ scope.login =関数（$ scope.userName、$ scope.password）{ パラメータのどれ – keithm