2017-05-20 5 views
0

私はレシピを含むウェブサイトを構築していますが、別のサイトのiframe経由で読み込まれるコンテンツがいくつかあります。ヘッダーやフッターを削除して、外来HTMLの特定部分を実際に操作したいだけです。 。 (私はすでにその機能は以下の整理持って)私が最初にこの問題を解決するためにjqueryのかangularjsを使用して考えていたが、私はonclickのからURLを渡すことができればと考え始めた:オンクリックイベントでRails変数を割り当てますか?

AngularJS:

$scope.currentRecipeUrl = ""; 
    $scope.trustSrc = function(SrcToBeTrusted) { 
      return $sce.trustAsResourceUrl(SrcToBeTrusted); 
     }; 

    $scope.changeWeeklyRecipe = function(recipeUrl) { 
     $scope.currentRecipeUrl = $scope.trustSrc(recipeUrl); 
    }; 

HTML.ERB:私のRailsのコントローラへ

<iframe id="displayedRecipe" src="{{ currentRecipeUrl }}" 

ので、私はちょうど私が視界に望んでいたHTMLの特定の部分を注入できます。

誰かが私がそれを達成できるかもしれない方法を考えることができますか?

EDIT:onClickイベントでchangeWeeklyRecipe関数が呼び出されていることを忘れてしまいました。

答えて

1

onClick機能を使って$httpを使用してコントローラにデータを渡すことを検討してください。ここで

は、あなたが何ができるかの例です:

# Use $http to send data to your rails controller and use the appropriate callbacks 

$http.post('/foo/create', {bar_params: {text: 'Hello World'}}) 

そして、あなたのレールのコントローラで:あなたが探しているものを実現する方法のアイデアを提供します

class FooController < ApplicationController 
    def create 
    @variable = example_params 
    end 

    private 

    def example_params 
    params.require(:bar_params).permit(:text) 
    end 
end 

希望。

関連する問題