0

могли бы вы сказать мне, как связать нажмите событие с помощью требуют JS + angularjsКак связать событие click в угловом js с помощью requirejs?

Я пытаюсь связать событие щелчка, но это связать событие щелчка Here is my code

index.html

<!DOCTYPE html> 
<html> 
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
<head> 
    <link type="text/css" href="http://code.ionicframework.com/1.0.0-beta.1/css/ionic.css" rel="stylesheet" /> 
</head> 

<body> 
<ion-nav-view animation="slide-left-right"></ion-nav-view> 
<script data-main="main" src="lib/require.js"></script> 
</body> 

</html> 

main.js

requirejs.config({ 
    paths: { 
     ionic:'lib/ionic.bundle' 
    }, 
    shim: { 
     ionic : {exports : 'ionic'} 
    }, priority: [ 
     'ionic' 
    ], 

    deps: [ 
     'bootstrap' 
    ] 
}); 

bootstrap.js

/*global define, require, console, cordova, navigator */ 

define(['ionic', 'app', 'routes'], function (ionic, angular, app) { 
    'use strict'; 

    var $html, 
     onDeviceReady = function() { 
      angular.bootstrap(document, [app.name]); 
     }; 

    document.addEventListener("deviceready", onDeviceReady, false); 

    if (typeof cordova === 'undefined') { 
     $html = angular.element(document.getElementsByTagName('html')[0]); 
     angular.element().ready(function() { 
      try { 
       angular.bootstrap(document, [app.name]); 
      } catch (e) { 
       console.error(e.stack || e.message || e); 
      } 
     }); 
    } 

}); 

app.js

/*global define, require */ 

define(['ionic'], 

    function (angular) { 
     'use strict'; 

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

     return app; 

    }); 

ответ

1

У вас есть несколько ошибок в коде ... слишком много слишком перечислить их все. Для исправлений см. Plunker.

  1. Модуль ionic должен быть экспортированы в качестве angular.

    requirejs.config({ 
        paths: { 
         ionic:'lib/ionic.bundle' 
        }, 
        shim: { 
         ionic : {exports : 'angular'} 
        }, priority: [ 
         'ionic' 
        ], 
    
        deps: [ 
         'bootstrap' 
        ] 
    }); 
    
  2. Ионные/Угловой должны быть загружены первым - или угловые не может инициализировать себя.

  3. В маршрутах вы должны ссылаться на контроллер по имени - не по местоположению

    /*global define, require */ 
    
    define(['app'], function (app) { 
    'use strict'; 
    
    
    app.config(['$stateProvider', '$urlRouterProvider', 
        function ($stateProvider, $urlRouterProvider) { 
    
         $stateProvider 
          .state('login', { 
           url: "/login", 
           templateUrl: "login.html", 
           controller: 'controllers/LoginCtrl' // <-- should be 'LoginCtrl' 
          }) 
    
         $urlRouterProvider.otherwise("/login"); 
    
        }]);  
    }); 
    
+0

могли бы вы, пожалуйста, пример некоторые ошибки? – user944513

+0

Спасибо за ответ .. !! отличный anser. но не могли бы вы объяснить некоторые ошибки? – user944513

Смежные вопросы