Rails和Angularjs:警告:试图不止一次加载角度



首先,我相当确定我必须缺少一些很明显的东西...但是我只是无法摆脱消息:"警告:试图多次加载角度。"。当我的轨道/angularjs应用程序首先加载时,就会发生这种情况。

这是我的应用程序.js;

//= require jquery
//= require jquery_ujs
//= require turbo links
//= require angular/angular
//= require angular-route/angular-route
//= require angular-rails-templates
//= require_tree ./templates
//= require_tree .

漂亮的香草(我想 - 我有点新鲜)。

这是我的(角)路线(coffeescript);

txtracker.config([ '$routeProvider',
  ($routeProvider)->
    $routeProvider
.when('/',
  templateUrl: "home.html"
  controller: 'HomeController'
).when('/history',
  templateUrl: "history.html"
  controller: 'HistoryController'
).when('/chart',
  templateUrl: "chart.html"
  controller: 'ChartController'
)])

我正在使用设计 - 我之所以提到这一点,是因为我认为也许是在造成问题的地方设计的。但是,我消除了设计,问题仍然存在(换句话说,直接导航到/仍然导致问题发生)。

我在application.html.erb中具有以下标签

<html ng-app="tx-tracker">

那是我唯一的ng-app指令。

最后,这是导致错误的实际页面;

<html ng-app="tx-tracker">
<head>
<link rel="stylesheet" media="all" href="/assets/application-dd01b437cf7d1d465bed21959f6da7e0.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/accounts-1c6f37b8b4905fe9cc7fb25b04ef9760.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/active_admin-0f21e6c9e6044051c0c52dcd4262ea20.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/beneficiaries-1c6f37b8b4905fe9cc7fb25b04ef9760.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/home-1c6f37b8b4905fe9cc7fb25b04ef9760.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/running_totals-1c6f37b8b4905fe9cc7fb25b04ef9760.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/transactions-1c6f37b8b4905fe9cc7fb25b04ef9760.css?body=1" data-turbolinks-track="true" />
<script src="/assets/jquery-15a176808a3cff130a9453a832beb72a.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery_ujs-b5c5d930a7c1ead542e5769af6929f4e.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/turbolinks-16cc8f0b473ddbbe2f574bcd5b36af20.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/angular/angular-84e98c67b704a328d9f18b8f7b7661fb.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/angular-route/angular-route-b3b281e56802996aed73ba3d4d2c8fa7.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/angular-rails-templates-13d0d9d089a44dcf7114cdf6d3d7c154.js?body=1" data-turbolinks-track="true">    </script>
<script src="/assets/templates/chart-90cc3f0884c76a8890fb5f7f87ba0195.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/templates/history-68b7d2e9f02c12c4de62851bfd77877d.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/templates/home-4241b1ea204afbf804e70661ceb3e993.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/accounts-bd6118eecbbff92ee3c28882e7c3af98.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/core-94d877a3ac2b04bb678b04b41af7a78c.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/datepicker-dea2d7f6d6afc09e4c39b73397bea382.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/widget-aa2cecb4924af012301fa1dededed6f4.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/button-bd22b7d0421cfc87742584740ffa7922.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/mouse-b7964d05e33520b9bae27562cdb559e2.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/draggable-a21503ec345ff7643c544c1b5bfdd383.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/position-28a9b47cd6c435d2f4fdf62fcfd37e51.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/resizable-f324f713372ef7174ac6c3cd5200e9db.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/dialog-95cf2bb43069f0094512dc23f4a33941.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/sortable-1da535e8604c471e49010c49acda6d86.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery-ui/tabs-45615c90b96d98ccb5b8385944c7e12d.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/base-9795b05f2f85cf802a504fbd5046c0e4.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/lib/batch_actions-a27bc0be5a50a362ed3d3346aacf9efe.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/lib/checkbox-toggler-a8d02b095470a79ec037a63ee1115a4e.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/lib/dropdown-menu-ea5de074030407bc75426cb59df227e5.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/lib/flash-7b4f2f51803f90ea0cbf02eb16c0a37c.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/lib/has_many-5463cd0d3067aa378d6d0ee2e7fde267.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/lib/modal_dialog-fc28f8f585a15bebba06c6069463376d.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/lib/per_page-2e250a4a0b706f8c48e8f95cedb16658.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/lib/popover-109fde370c4c3fa7c3563965b5529e10.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/lib/table-checkbox-toggler-103e993857c740c166fe4fb9de55657e.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/ext/jquery-ui-e5421766760505602b508810530ad531.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/ext/jquery-7c055e1683a328e236b4d82df390ae5d.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin/application-67769c0b651b00b4b5218ca2d5f2608f.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/active_admin-493d49ba2e596c67a01a1ab5476a9088.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/beneficiaries-bd6118eecbbff92ee3c28882e7c3af98.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/home-665aaf5d49df8c7c9b742b7c9ad5f915.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/running_totals-bd6118eecbbff92ee3c28882e7c3af98.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/transactions-bd6118eecbbff92ee3c28882e7c3af98.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/application-43401e24b0a6c37137c6b21cc29d7929.js?body=1" data-turbolinks-track="true"></script>

<div>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
      <span class="sr-only">Toggle Navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">
      <i class="fa fa-home"></i>
      <span>Tx Tracker</span>
    </a>
  </div>
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
      <li><a href="#/">Home</a></li>
      <li><a href="#/history">History</a></li>
      <li><a href="#/chart">Chart</a></li>
    </ul>
  </div>
</nav>
<div ng-view class="view-frame animate-view" style="padding-top: 70px;">
</div>
</div>
</body>
</html>

最后,我在我的家中进行此操作。

txtracker = angular.module('tx-tracker', [
'ngRoute',
'home',
'history',
'chart',
#  'highcharts-ng',
'templates'
])

对此的任何帮助将不胜感激!谢谢!ben

向大家道歉,并感谢您的帮助。看来我没有很好地管理资产管道。我不确定问题到底是什么,但是

rake assets:clobber

修复了问题。我一定在资产管道中有一些缓存的东西。

,但这也许会对其他人有所帮助 - 有时

rake assets:clean

还不够!

感谢大家的帮助!

(哦,我的申请仍然没有受到影响 - "涡轮链接"one_answers"要求"仍然存在。我听说这些项目可能会引起问题,但对我来说不是,所以我将它们保留在适当的位置,以供知道)。

最新更新