タグ付けされた質問 「angularjs」

これは非常に一般的なことだと思いましたが、AngularJSでそれを処理する方法を見つけることができませんでした。イベントのリストがあり、AngularJSでそれらを出力したい場合、それは非常に簡単です。 <ul> <li ng-repeat="event in events">{{event.title}}</li> </ul> しかし、リストが空の場合はどうすればよいですか？リストに「イベントなし」などが表示される場所にメッセージボックスを配置したいのですが。接近するのはng-switchwith events.lengthだけです（配列ではなくオブジェクトのときに空かどうかを確認するにはどうすればよいですか？）。

377 javascript  angularjs  angularjs-ng-repeat  angularjs-ng-show 

私はAngularJSを初めて使用しますが、次のシナリオでangular- "ui-router"を使用する方法について少し混乱しています。 2つのセクションで構成されるWebアプリケーションを構築しています。最初のセクションはログインビューとサインアップビューのあるホームページで、2番目のセクションはダッシュボードです（ログイン成功後）。 私はindex.htmlホームセクションのを作成し、その角度のアプリと構成ui-routerを使用/loginして/signupビューを処理dashboard.htmlし、ダッシュボードセクションの別のファイルを使用して、そのアプリと構成ui-routerを使用して多くのサブビューを処理します。 今、私はダッシュボードセクションを終了しましたが、2つのセクションを異なる角度のアプリと組み合わせる方法がわかりません。ホームアプリにダッシュボードアプリにリダイレクトするように指示するにはどうすればよいですか？

376 javascript  angularjs  angular-ui-router 

ui-srefui-routerの使用に遷移する状態に2つのパラメーターを渡して受け取る必要があります。 以下のリンクを使用して、状態をhomewith fooおよびbarパラメータに遷移するようなもの： <a ui-sref="home({foo: 'fooVal', bar: 'barVal'})">Go to home state with foo and bar parameters </a> コントローラーでの受信fooとbar値： app.controller('SomeController', function($scope, $stateParam) { //.. var foo = $stateParam.foo; //getting fooVal var bar = $stateParam.bar; //getting barVal //.. }); 私が得るundefinedために$stateParam、コントローラに。 誰かが私にそれを成し遂げる方法を理解するのを手伝ってくれませんか？ 編集： .state('home', { url: '/', views: { '': { templateUrl: 'home.html', …

369 javascript  html  angularjs  angular-ui-router  angular-ui 

この特定のケースでは、Enterキーを押したときにこれらの入力が関数を呼び出すようにするにはどのようなオプションが必要ですか？ // HTML view // <form> <input type="text" ng-model="name" <!-- Press ENTER and call myFunc --> /> <br /> <input type="text" ng-model="email" <!-- Press ENTER and call myFunc --> /> </form> // Controller // .controller('mycontroller', ['$scope',function($scope) { $scope.name = ''; $scope.email = ''; // Function to be called when pressing …

364 function  angularjs  call  keypress  enter 

カスタムディレクティブから評価された属性を取得しようとしていますが、正しい方法を見つけることができません。 詳しく説明するために、このjsFiddleを作成しました。 <div ng-controller="MyCtrl"> <input my-directive value="123"> <input my-directive value="{{1+1}}"> </div> myApp.directive('myDirective', function () { return function (scope, element, attr) { element.val("value = "+attr.value); } }); 何が欠けていますか？

363 javascript  binding  angularjs  directive 

コントローラ間でデータを共有しようとしています。ユースケースはマルチステップ形式であり、1つの入力に入力されたデータは、後で元のコントローラーの外部の複数の表示場所で使用されます。以下とjsfiddleのコードはここにあります。 HTML <div ng-controller="FirstCtrl"> <input type="text" ng-model="FirstName"><!-- Input entered here --> <br>Input is : <strong>{{FirstName}}</strong><!-- Successfully updates here --> </div> <hr> <div ng-controller="SecondCtrl"> Input should also be here: {{FirstName}}<!-- How do I automatically updated it here? --> </div> JS // declare the app with no dependencies var myApp = angular.module('myApp', …

362 javascript  angularjs 

現在、検索と結果の表示を可能にするAngular.jsページがあります。ユーザーが検索結果をクリックしてから、[戻る]ボタンをクリックします。検索結果を再度表示したいのですが、検索をトリガーして実行する方法がわかりません。詳細は次のとおりです。 私のAngular.jsページは、検索フィールドと検索ボタンを備えた検索ページです。ユーザーは手動でクエリを入力してボタンを押すと、ajaxクエリが実行され、結果が表示されます。検索語でURLを更新します。それはすべてうまくいきます。 ユーザーが検索結果をクリックすると、別のページが表示されます-これも正常に機能します。 ユーザーが[戻る]ボタンをクリックして、角度検索ページに戻ると、検索語を含む正しいURLが表示されます。すべて正常に動作します。 検索フィールドの値をURLの検索用語にバインドしたので、期待される検索用語が含まれています。すべて正常に動作します。 ユーザーが「検索ボタン」を押す必要なしに検索機能を再実行するにはどうすればよいですか？jqueryの場合、documentready関数で関数を実行します。Angular.jsに相当するものが見当たりません。

359 angularjs  onload 

最近.js.map、いくつかのJavaScriptライブラリ（Angularなど）に同梱されている拡張子を持つファイルを見たことがあります。 それはなんのためですか？Angularのスタッフが.js.mapファイルを配信するのはなぜですか？ （JavaScript開発者として）angular.min.js.mapファイルをどのように使用できますか？ .js.mapJavaScriptアプリケーション用のファイルを作成する必要がありますか？ どのように作成されますか？調べてみたところangular.min.js.map、奇妙な形式の文字列でいっぱいだったので、手動で作成したものではないと思います。

357 javascript  angularjs  source-maps 

AngularJSページのコンテンツの説明は次のとおりです。 AngularJSは、Webアプリを構築するために設計されていれば、HTMLはどうなっていたでしょう。データバインディング、MVW、MVVM、MVC、依存性注入、優れたテスト容易性のストーリーを備えた宣言型テンプレートはすべて、純粋なクライアント側JavaScriptで実装されています。 では、MVWは何の略ですか？（MVC、MVVW、MVPなどの問題を考えると、 "whatever"、Model-View-Whatever = Pと思います）

351 angularjs  acronym  mvw 

今の性能差ということ$broadcastとが$emit排除されている、好むために何らかの理由がある$scope.$emitには$rootScope.$broadcast？ はい、そうです。 $emit スコープ階層（上向き）に制限されています-これは、設計に適合している場合は良いかもしれませんが、かなり恣意的な制限のようです。 $rootScope.$broadcastイベントに耳を傾けることを選択するすべての人に働きかけます。これは私の心の中でより賢明な制限です。 何か不足していますか？ 編集： 答えを明確にするために、発送の方向は私が求めている問題ではありません。$scope.$emitイベントを上方向、および$scope.$broadcast下方向にディスパッチします。しかし、なぜ$rootScope.$broadcastすべての意図されたリスナーに到達するために常に使用しないのですか？

349 angularjs  angularjs-scope 

コントローラのスコープで変数を初期化しているときに問題が発生します。次に、ユーザーがログインすると、別のコントローラーで変更されます。この変数は、ナビゲーションバーなどの制御に使用され、ユーザーのタイプに応じてサイトの一部へのアクセスを制限するため、その値を保持することが重要です。それに関する問題は、それを初期化するコントローラーがなんらかの角度で再び呼び出され、変数を初期値にリセットすることです。 これはグローバル変数を宣言して初期化する正しい方法ではなく、実際にはグローバルではないので、私の質問は正しい方法は何ですか？現在のバージョンのangularで動作する良い例はありますか？

348 angularjs  global-variables 

私がアンカータグを持っているとしましょう <a href="#" ng-click="do()">Click</a> AngularJSでブラウザーが＃に移動しないようにするにはどうすればよいですか？

342 angularjs  preventdefault 

私の最新プロジェクトではAngularJSを使用しています。ドキュメントとチュートリアルでは、すべてのモデルデータがコントローラースコープに入れられます。コントローラーで使用できるように、つまり対応するビュー内にある必要があることを理解しています。 しかし、私はモデルが実際にそこで実装されるべきではないと思います。これは複雑で、たとえばプライベート属性を持つ場合があります。さらに、別のコンテキスト/アプリで再利用することもできます。すべてをコントローラーに入れると、MVCパターンが完全に壊れます。 同じことが、どのモデルの動作にも当てはまります。DCIアーキテクチャを使用し、データモデルから動作を分離する場合、動作を保持するために追加のオブジェクトを導入する必要があります。これは、ロールとコンテキストを導入することによって行われます。 DCI == D ATA C ollaboration I nteraction もちろん、モデルのデータと動作は、プレーンなJavaScriptオブジェクトまたは「クラス」パターンで実装できます。しかし、それを行うためのAngularJSの方法は何でしょうか？サービスを使用していますか？ したがって、この質問に帰着します。 AngularJSのベストプラクティスに従って、コントローラーから切り離されたモデルをどのように実装しますか？

341 javascript  model-view-controller  angularjs  dci 

どこでどのようにapp.run()使用されますか？モジュール定義の後、後、app.config()または後app.controller()？ 関数で特定のコードを実行できるかどうかを尋ねるBreezeJS Angular Qを採用していapp.run()ます。

337 angularjs 

次のステートメントが投稿データを指定されたURLに送信しない理由を誰かに教えてもらえますか？URLが呼び出されますが、サーバーで$ _POSTを印刷すると、空の配列が表示されます。メッセージをデータに追加する前にコンソールで印刷すると、正しい内容が表示されます。 $http.post('request-url', { 'message' : message }); データを文字列として試してみました（結果は同じです）： $http.post('request-url', "message=" + message); 次の形式で使用すると機能しているようです。 $http({ method: 'POST', url: 'request-url', data: "message=" + message, headers: {'Content-Type': 'application/x-www-form-urlencoded'} }); しかし、$ http.post（）でそれを行う方法はありますか？それが機能するためには、常にヘッダーを含める必要がありますか？上記のコンテンツタイプは送信されたデータの形式を指定していると思いますが、JavaScriptオブジェクトとして送信できますか？

337 angularjs  post  angular-http