問題タブ [angular-fullstack]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - AngularのYoeman Generatorでリストから単一のアイテムを表示するには?
ユーザーのログイン、投稿、および削除の認証を処理するyeomanフルスタックジェネレーターを使用しているプロジェクトがあります。リストに入力されているアイテムをクリックし、別のページでそのアイテムの詳細を表示できるようにしたいと考えています。
これはHTMLです
これは私のView Controllerです(私の考えでは、特定のIDを取得するために呼び出す関数はここにあるはずです。間違っている場合は修正してください)
}))
これは、すべての関数を処理するコントローラーです。これはフルスタック ジェネレーターによって生成されました。
私が間違っていること、または変更する必要があることを教えてください!よろしくお願いいたします。
gruntjs - Grunt は、index.html で挿入されたファイルの順序を指定します
プロジェクトの 1 つで angular-fullstack yeoman ジェネレーターを使用しています。grunt ビルドを実行すると、grunt-injector が検出した注入された依存関係で index.html が上書きされます。問題は、一部のモジュールを特定の順序でロードすることを指定したい、または特定のフォルダーを無視したいことです。どうやってやるの?現在、一部の JavaScript ファイルが間違った順序でロードされ、grunt build を実行するたびにエラーが発生します。
angularjs - うなり声から角度フルスタックプロジェクトで異なる環境を選択していますか?
yo angular fullstack を使用してスキャフォールドで生成されたプロジェクトでは、通常、grunt を使用して grunt でアプリを起動します (私はその専門家ではありません)。
例
等々。
私の知る限り、3 つの異なる環境 (開発、テスト、運用) があります。変更が必要になるたびに、正しい行を変更するメイン ファイルに移動する必要があります (デフォルトは Development です)。
端末からそれらのいずれかを選択するにはどうすればよいですか? うなり声からそれを行う方法があるに違いないと私は完全に確信しています...
私はそれが次のようなものでなければならないと想像できます
私はそれらすべてを試しましたが、何もしませんでした.Gruntfileからこれを理解しようとしてしばらく時間を費やしてきましたが、どちらのグーグルも見つかりません.
誰もそれを行う方法を知っていますか? どんな助けでもいただければ幸いです
node.js - Heroku の AngularJS で CSS 画像が表示されない
Heroku - Yeoman - AngularJS Full-Stack - Bootstrap - NodeJS Stack を使用しています。
Heroku 上のデプロイメントは、'Grunt build' コマンドを使用してビルドされます。Heroku にデプロイすると、Web ページで CSS 画像をレンダリングする際に問題が発生します。ページ内の画像は表示されますが、CSS ファイルからのものは表示されません。
例: 以下のコードは機能しません
CSS
HTML:
ローカルでは実行時に問題なく動作しますGrunt serve
が、Heroku にデプロイするとすぐに CSS イメージが失われます。
node.js - Koding - Yeoman - AngularFullStack でスキャフォールディングを作成できない
こんにちは、Koding クラウドベースの Ubuntu 開発環境を使用しています。
Yeoman Angular FullStack に必要なすべての前提条件をインストールすることができました。
以下のアイテムが正常にインストールされました
sudo npm install -g yo grunt-cli bower カルマ
sudo npm install -g generator-angular-fullstack
以上取り付け後。
abltd ディレクトリを作成しました (フォルダ構造を以下に示します)
次のコマンドを実行しました
yo angular-fullstack abltd
最後まで実行され、次のエラーがスローされました。
1070 エラー エラー: EACCES、mkdir '/home/abitandco/tmp/npm-1293-IkfHqNho' 1070 エラー { [エラー: EACCES、mkdir '/home/abitandco/tmp/npm-1293-IkfHqNho'] 1070 エラー errno: 3 , 1070 エラー コード: 'EACCES', 1070 エラー パス: '/home/abitandco/tmp/npm-1293-IkfHqNho', 1070 エラーの親: 'abltd' } 1071 エラー root/管理者としてこのコマンドを再度実行してください。1072 エラー システム Linux 3.13.0-29-generic 1073 エラー コマンド "/usr/local/bin/node" "/usr/local/bin/npm" "install" 1074 エラー cwd /home/abitandco/abltd 1075 エラー ノード - v v0.10.26 1076 エラー npm -v 1.4.3 1077 エラー パス /home/abitandco/tmp/npm-1293-IkfHqNho 1078 エラー コード EACCES 1079 エラー errno 3 1080 エラー スタック エラー: EACCES、mkdir '/home/abitandco/tmp /npm-1293-IkfHqNho' 1081 詳細終了 [ 3, true ]
sudo yo angular-fullstack abltd として実行してみましたが、違いはありません。
問題をよりよく理解するために、完全なログと画像も追加しています。
誰でも私を正しい方向に向けることができますか?
見たい人がいれば、完全な npm デバッグ ログがあります。
javascript - 縮小せずに yeoman angular-fullstack をビルドする方法
yeoman angular-fullstack プロジェクトの一部である Gruntfile のビルド タスクを使用したいと思います。ただし、JS コードを引き続き読み取り可能にし、アセットのファイル名を変更しないようにしたいと考えています。
これまでのところ、Gruntfile を次のように変更しました。
- useminPrepare でデフォルトのフロー動作を変更する
グラントファイルで:
- imagemin または svgmin を実行しないでください
グラントファイルで:
- ビルドタスクの変更
グラントファイルで:
プロジェクトをビルドすると、
- jsコードはapp.jsにすべて含まれていますが、読み取り可能であるため問題ありません
- アセット/画像がありません
- html パーシャルがありません。index.html だけがあります
画像とhtmlおよびjsコードの正しいファイル名がまだ読み取り可能なdistフォルダーのビルドプロセスをセットアップするのを手伝ってくれる人はいますか? ソース ファイルは 1 つの大きなファイルにすることができますが、読み取り可能である必要があります。
angularjs - マテリアル デザインでサイドバー内にドロップダウン メニューを追加しますか?
polls をクリックすると、プルのサブカテゴリを含むドロップダウン メニューが開きます。
マテリアル デザインでこの機能を追加するには、コードをどのように変更する必要がありますか。
状態プロバイダー:
そして.htmlで
コントローラーの内部: