Raylar uygulamasında açısal hata verme

2 tane ürünüm var. Her ikisi de Rails uygulamaları ve her ikisi de Angular kullanın.Raylar uygulamasında açısal hata verme

Application.html.erb

<!DOCTYPE html> 
<html lang="en-US" ng-app="myApp"> 
<head> 
    <meta charset="utf-8"> 
    <title>MyApp</title> 
    <%= smart_stylesheet_link_tag media: "all", "data-turbolinks-track" => true %> 
    <%= csrf_meta_tags %> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script> 
<body> 
<%= yield %> 
</body> 
</html>

: Burada

Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to: 
Error: [$injector:nomod] Module 'myApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

kodum edilir: Bir uygulamada, açısal çalışmaların doğru, diğer bir uygulamada, açısal bana bu hatayı veriyor Application.js

Gemfile

gem "rails",      "4.2.5.1" 
gem "pg",       "0.18.4" 
gem "activerecord-postgis-adapter", "3.1.4" 
gem "sass",       "3.4.13" 
gem "sass-rails",     "5.0.1" 
gem "bootstrap-sass",    "3.3.5.1" 
gem "font-awesome-rails",   "4.4.0.0" 
gem "uglifier",      "2.7.1" 
gem "simple_form",     "3.1.0" 
gem "valid_email",     "0.0.11" 
gem "jquery-rails",     "4.0.3" 
gem "turbolinks",     "2.5.3" 
gem "jbuilder",      "2.2.12" 
gem "activerecord-session_store", "0.1.1" 
gem "ahoy_matey",     "1.2.1" 
gem "browser",      "1.1.0" 
gem "oj",       "2.12.14" 
gem "carmen-rails",     "1.0.1" 
gem "compass-rails",    "2.0.4" 
gem "nprogress-rails",    "0.1.6.6" 
gem "devise",      "3.5.2" 
gem "devise-async",     "0.10.1" 
gem "httparty",      "0.13.7" 
gem "rugged",      "0.22.2" 
gem "sidekiq",      "4.0.2" 
gem "redis-namespace",    "1.5.2" 
gem "sitemap_generator",   "5.0.2" 
gem "okcomputer",     "1.4.0" 
gem "dalli",      "2.7.4" 
gem "mandrill_mailer",    "1.2.0" 
gem "american_date",    "1.1.0" 
gem "damerau-levenshtein",   "1.1.0" 
gem "bower-rails",     "0.10.0" 
gem "footing",      "1.0.0" 
gem "scenic",      "1.0.0" 
gem "rubyzip",      "1.1.7" 
gem "typhoeus",      "0.8.0" 
gem "gender_detector",    "0.1.2" 
gem "shortener",     "0.5.5" 
gem "coffee-script",    "~> 2.2.0" 
gem "angular-rails" 
#gem "airbrake",      "4.2.1" 

gem "passenger" 
gem "sinatra", :require => nil # for sidekiq/web 

group :development do 
    #gem "spring" 
    #gem "rack-mini-profiler" 
    #gem "flamegraph" 
    gem "raml_ruby", require: "raml" 
end 

group :development, :test do 
    gem "pry" 
    gem "pry-rails" 
    gem "pry-stack_explorer" 
    gem "pry-byebug" 
    gem "awesome_print" 
    gem "quiet_assets" 
    gem "model_probe" 
    #gem "web-console" 
end 

group :test do 
    gem "minitest" 
    gem "minitest-reporters" 
    gem "simplecov", require: false 
    gem "minitest-rails-capybara" 
    gem "guard" 
    gem "guard-minitest" 
end 

group :doc do 
    gem "sdoc" 
end

Main.js Test.html.erb]

<div ng-controller="AngularController"> 
<input type="text" ng-model="name"> 
<p>{{name}}</p> 
</div>

kaynak

2016-03-28 Ctpelnar1988

hata uygulamasını gösterir

(function() { 
    "use strict"; 

function initAngular() { 
var myApp = angular.module('myApp', []); 
myApp.controller("AngularController", ['$scope', '$http', function($scope, $http){ 
    $http.get('/assets/locations.json').success(function(data){ 
    console.log(data); 
    $scope.locations = data; 
    }); 
}]); 
} 

function init() { 
    _.delay(function() { 
     initAngular(); 
    }, 100); 
    } 

    $(document).ready(init); 
    $(document).on("page:load", init); 
}());

örneği değil. Hata, init işlevi tamamlanmadan önce ng-app yönergesi çalıştırıldığı için oluşur. Ben dosyadan hassas bilgiler çıkarmadan edildiğinde,

main.js

var myApp = angular.module('myApp', []); myApp.controller("AngularController", ['$scope', '$http', function($scope, $http){ $http.get('/assets/locations.json').success(function(data){ console.log(data); $scope.locations = data; }); }]); angular.element(document).ready(function() { angular.bootstrap(document, ['myApp']); });

kaynak

2016-03-28 16:39:02 gnerkus

Maalesef: Bunu düzeltmek için

, uygulamayı elle başlatmak için angular.bootstrap yöntemi kullanmak gerekir Yanlışlıkla vücut etiketini çıkardım. Her şey sağlam ve Application.html.erb içinde çalışıyor. InitAngular işlevi içinde bir console.log ("HITTING FUNCTION") yerleştirerek test ettim ve metin konsolda gösteriliyor. Bir sebepten dolayı modül taklit edilmiyor. – Ctpelnar1988

Cevabı güncelledim. – gnerkus

Yardım için çok teşekkür ederim! Bunun neden gerekli olduğu hakkında biraz bilgi verir misiniz? – Ctpelnar1988

Raylar uygulamasında açısal hata verme

cevap

İlgili konular