gpt4 book ai didi

javascript - 将 Angular 注入(inject) Rails

转载 作者:行者123 更新时间:2023-12-02 17:00:44 25 4
gpt4 key购买 nike

有很多关于这个主题的文章,但在我看来,最简单的开始方法是 Railscast Angular 和这篇 http://asanderson.org/posts/2013/06/03/bootstrapping-angular-rails-part-1.html 。每篇文章(视频)都共享几乎相同的代码。我尝试了这两种方法,但都不起作用。这是我的方式:application.js

//= require angular
//= require_tree .
//= require underscore

user.js.coffee

#= require_self
#= require_tree ./controllers

assets/javascript/controllers/mainIndexCtrl.js.coffee

@IndexCtrl = ($scope) ->
$.scope.title = "WWAAAAAAA"

$scope.Data = {}
$scope.Data.doClick = ->
responsePromise = $http.get('/user/photos_show')
responsePromise.success (data) ->
$.scope.Data.Response = data

application.html.erb

<html ng-app>

show.html.erb

<%= notice %>
<h3>Hello there <%= @user.name %></h3>
<div ng-controller="IndexCtrl">
<p> Here are your albums </p>
{{title}}
<% @albums.each do |album| %>
<div>
<%= link_to album.last, album_photos_path( album_id: album.first, album_name: album.last ) %>
</div>
<% end %>
</div>

我添加到 vendor/ Assets /javascript和gemfile作为2个变体的库。结果中“标题”没有显示正确的方式并显示{{title}}。感谢您的回答。

最佳答案

我猜这一行有一个错误(额外的点):

$.scope.title = "WWAAAAAAA"

应该是:

$scope.title = "WWAAAAAAA"

另一件事是,您正在做一些“经典”RoR 应用程序和 AngularJS 应用程序的奇怪混合。

在“经典”RoR 应用程序中,您使用 erb 或其他模板引擎生成动态 html 内容。

使用 AngularJS,您可以提供静态 html 页面,并且“动态化”发生在客户端(在客户端浏览器中)。

我建议将您的应用程序分成两部分,基于 Ruby on Rails 的后端(充当 API)和前端,基于 AngularJS 的单页面应用程序并使用前端应用程序的典型工具,例如自耕农 ( http://yeoman.io/ )

关于javascript - 将 Angular 注入(inject) Rails,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25747325/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com