2017-03-22 8 views
0

私はAngularjsを使い始めています。私はこれが適切に働いている。Angularjsはパラメータから外部ページデータを取得します

すべてのスタイルをリストする動的に作成されたサイドバーがあります。 そのスタイルに関連付けられたサイズのために、動的に作成されたナビゲーションバーがあります。

クリックされたスタイルが適切に「選択」されている場合。 クリックされたサイズが適切に「選択」されている。

私はこれらの2つの選択肢を、特定のDIV内に表示して表示するURLのパラメータにします。したがって、URLは次のようになります... http://xxxddd.com/inventory/ {{style}}/{{size}}

私はここからどこへ行くのか全く分かりません。

<script> 
var app = angular.module("alt", []); 


    app.controller('StyleController', function(){ 
this.style = ''; 

this.selectStyle = function(newValue){ 
    this.style = newValue; 
}; 

this.isSelected = function(styleName){ 
    return this.style === styleName; 
}; 
}); 

app.controller('SizeController', function(){ 
this.size = ''; 

this.selectSize = function(newValue){ 
    this.size = newValue; 
}; 

this.isSelected = function(sizeName){ 
    return this.size === sizeName; 
}; 
}); 

</script> 

私は非常に角張っています。私は誰かが私を助けることを願っているこれは私のプロジェクトの主なハングアップです。

ありがとうございます。

答えて

0

AngularJSの$httpライブラリを利用してGETリクエストを作成するサービスを作成することをお勧めします。ドキュメントを見て、パラメータ(スタイル/サイズ)を渡す方法を見てください。

AngularJSのDependency Injection (DI)を使用して、サービスをコントローラに注入し、$httpコールを持つメソッドを呼び出すことができます。

+0

私はいつもカットアンドペーストし、機能するまでコードを処理しました。これは私にとっては複雑なことです...私はおそらく少しバックアップし、それを把握しようとする必要があると思います。私はjavascriptと同様のことをやったことがあります... click change div value ...このdivでHTMLを返します...等angularjsが良いようです。ご協力ありがとうございました。試してみます。 – foxtangocharlie

+1

最初にAngularJSを始めるとき、AngularJSが高度な(フレームワークとして)機能する方法を研究して概念化することが、コーディングに潜入する前に役立つことがわかります。バニラJavaScriptやjQueryの経験がある方は、JavaScript/jQueryとAngularJSの使い方を区別する記事を読むことを強くお勧めします。 –

関連する問題