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

私の開発マシンでは問題なく動作するかなりシンプルなAngularアプリケーションがありますが、それを展開した後（ブラウザーコンソールで）このエラーメッセージが表示されて失敗します。 Uncaught Error: [$injector:unpr] http://errors.angularjs.org/undefined/$injector/unpr?p0=tProvider%20%3C-%20t%20%3C-%20%24http%20%3C-%20%24compile それ以外のメッセージはありません。ページが最初に読み込まれたときに発生します。 ASP.NET MVC5、Angular 1.2RC3を実行していて、gitを介してAzureにプッシュしています。 グーグルで面白いものは何も見つかりませんでした。 助言がありますか？ 編集： TypeScriptを使用しており、$inject変数を使用して依存関係を定義しています。例： export class DashboardCtrl { public static $inject = [ '$scope', '$location', 'dashboardStorage' ]; constructor( private $scope: IDashboardScope, private $location: ng.ILocationService, private storage: IDashboardStorage) { } } 縮小中に発生し、このエラーが発生する可能性があるローカル変数の名前変更の問題を回避する必要がある（または意図している）と思います。 とはいえ、それは明らかにミニファイプロセスBundleTable.EnableOptimizations = trueと関係があります。開発マシンで設定すると、それを再現できます。

97 angularjs 

私たちはAngularJSでWebアプリケーションを実行しており、依存性管理にBowerを使用し、テストの構築、実行などにGruntを使用するというアイデアを気に入っています（Yeoman） サーバーはMavenを使用してJavaで行われるため、もちろんmvn installすべてをシンプルに構築したいと思います（Webアプリケーション+サーバー） では、どのようなアプローチを採用しましたか、またその理由は何ですか。 1）それらを実際には2つの異なるアプリケーションとして扱います。したがって、異なる構築方法/ツールを使用することは許容されます。 2）Grunt Bowerを忘れて、Mavenプラグインを使用して、Webアプリケーションのビルド、テストの実行、依存関係の管理を行います。もしそうなら、どれですか？ 3）Maven execプラグインを使用してGruntを呼び出し、フロントエンドWebアプリケーションをビルドします。私はこれを解決策というよりはハックとして捉えています。 4）その他。 Jenkinsとの統合が容易なアプローチはプラスです。 前もって感謝します！

97 maven  build  angularjs  build-automation  gruntjs 

私はngClickでクラスを追加する方法を働かせようとしています。plunkerにコードをアップロードしましたここをクリックしてください。角度のあるドキュメントを見ると、正確な方法がわかりません。以下は私のコードのスニペットです。誰かが正しい方向に案内してくれますか <div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div> コントローラ var app = angular.module("MyApp", []); app.controller("subNavController", function ($scope){ $scope.toggle = function (){ $scope.isVisible = ! $scope.isVisible; }; $scope.isVisible = false; });

97 javascript  angularjs  angularjs-ng-click  ng-class 

routeParamまたはディレクティブ属性などから取得した文字列があり、これに基づいてスコープに変数を作成します。そう： $scope.<the_string> = "something". ただし、文字列に1つ以上のドットが含まれている場合は、分割して実際にスコープに「ドリルダウン」したいと思います。そう'foo.bar'なるはず$scope.foo.barです。つまり、シンプルバージョンは機能しません。 // This will not work as assigning variables like this will not "drill down" // It will assign to a variables named the exact string, dots and all. var the_string = 'life.meaning'; $scope[the_string] = 42; console.log($scope.life.meaning); // <-- Nope! This is undefined. console.log($scope['life.meaning']); // <-- …

97 angularjs  scope 

私はAngularを初めて使用し、方法を理解しようとしています... AngularJSを使用して、別のコントローラー内で使用されるコントローラーをどのように注入できますか？ 次のスニペットがあります。 var app = angular.module("testApp", ['']); app.controller('TestCtrl1', ['$scope', function ($scope) { $scope.myMethod = function () { console.log("TestCtrl1 - myMethod"); } }]); app.controller('TestCtrl2', ['$scope', 'TestCtrl1', function ($scope, TestCtrl1) { TestCtrl1.myMethod(); }]); これを実行すると、エラーが発生します。 Error: [$injector:unpr] Unknown provider: TestCtrl1Provider <- TestCtrl1 http://errors.angularjs.org/1.2.21/$injector/unpr?p0=TestCtrl1Provider%20%3C-%20TestCtrl1 別のコントローラーの内部でコントローラーを使用しようとしているか、これをサービスにする必要がありますか？

97 angularjs  angularjs-scope  angularjs-controller 

ユーザーに二重の波括弧を見てもらいたいのですが、Angularはそれらを自動的にバインドします。これは、ページの読み込み時にバインドに使用される中括弧を見たくないというこの質問の反対のケースです。 ユーザーにこれを見てほしい： My name is {{person.name}}. しかし、Angularは{{person.name}}値に置き換えられます。これはうまくいくと思いましたが、angularは次の値に置き換えます： {{person.name}} プランカー：http ://plnkr.co/edit/XBJjr6uR1rMAg3Ng7DiJ

97 angularjs 

ログインしたユーザーがクリックしたsaのuserNameリストからuserNameをtwitterブートストラップに渡したいのですがmodal。私が使用していますGrailsのをしてangularjsデータを経由してレンダリングされる、angularjs。 構成 私のgrailsビューページencouragement.gspは <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> Encourage </a> </td> </tr> 私encourage/_encouragement_modal.gspは <div id="encouragementModal" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Confirm encouragement?</h3> </div> <div class="modal-body"> Do you really want to encourage <b>{{aModel.userName}}</b>? …

96 javascript  twitter-bootstrap  grails  angularjs 

プランカーリンク HTMLをバインドしたい要素があります。 <div ng-bind-html="details" upper></div> うまくいきます。これで、バインドされたhtmlにバインドされたディレクティブもあります。 $scope.details = 'Success! <a href="#/details/12" upper>details</a>' ただし、upperdivとanchorを含むディレクティブは評価されません。どうすれば機能しますか？

96 angularjs  angularjs-directive 

私は自分のAPIにリクエストを出し、AngularJS $ resourceモジュールを使用しています。$ httpとは異なり、エラーの処理方法がわかりません。 私のサービス： var appServices = angular.module('app.services', ['ngResource']); appServices.factory('Category', ['$resource', function($resource){ return $resource('/apicategoryerr/?format=:format', {}, { query: { method: 'GET', params: { format: 'json'}, isArray: true, } }); }]); 私のコントローラー： ... Category.query(function(data) { console.log(data); }); ... 私はこのようなものを望んでいます。私のAPIが機能していない場合にエラーを処理する方法がわかりません。 Category.query().success(function() { console.log('success'); }).error(function() { console.log('error'); });

96 angularjs  angular-resource 

このアプリケーションには2レベルのナビゲーションがあります。AngularJSを使用$routeProviderして、テンプレートを動的にに提供したいと考えています<ng-view />。私はこれに沿って何かをすることを考えていました： angular.module('myApp', []). config(['$routeProvider', function($routeProvider) { $routeProvider.when('/:primaryNav/:secondaryNav', { templateUrl: 'resources/angular/templates/nav/'+<<primaryNavHere>>+'/'+<<secondaryNavHere>>+'.html' }); }]); 内のパーツを実装する方法がわかりません<<>>。primaryNavとsecondaryNavが$ routeParamsにバインドされることを知っていますが、テンプレートを動的に提供するために$ routeParamsにアクセスするにはどうすればよいですか？

96 javascript  angularjs 

非表示のテキストエリアにテキストがあります。ボタンがクリックされたときに、テキストを.txtファイルとしてダウンロードできるようにしたいと考えています。AngularJSまたはJavascriptを使用してこれは可能ですか？

96 javascript  angularjs 

現在AngularJS開発プロジェクトを管理しています。現在の1.2から少なくともAngularJS 1.5に移行する必要があるという話があります。移動するための私の要件の1つは、1.5のサポート終了の証拠を提供する必要がありますが、角度のあるサイトと複数のGoogle検索で何時間も経過してもサポート終了情報を見つけることができないことです。 Angular v1.xのセキュリティパッチとバグ修正が開発されなくなる時期についての公式コメントはありますか？

96 angularjs  end-of-life 

私はngAnimateモジュールを使用していますが、すべて私のng-if、ng-showなどは、私はいくつかの選択された要素のためngAnimateを活用したい、それに影響されます。非常に高速に表示および非表示になる要素のパフォーマンスといくつかのバグ。 ありがとう。

96 angularjs  ng-animate 

たとえば<No result>、フィルター結果が空を返す場合などに、プレースホルダーが必要です。誰か助けてくれませんか？どこから始めたらいいのか分からない... HTML： <div ng-controller="Ctrl"> <h1>My Foo</h1> <ul> <li ng-repeat="foo in foos"> <a href="#" ng-click="setBarFilter(foo.name)">{{foo.name}}</a> </li> </ul> <br /> <h1>My Bar</h1> <ul> <li ng-repeat="bar in bars | filter:barFilter">{{bar.name}}</li> </ul> </div> JS： function Ctrl($scope) { $scope.foos = [{ name: 'Foo 1' },{ name: 'Foo 2' },{ name: 'Foo 3' }]; $scope.bars …

95 javascript  html  angularjs 

$ location.searchに関して、ドキュメントは言う、 パラメータなしで呼び出された場合、現在のURLの（オブジェクトとして）検索部分を返します。 私のURLでは、クエリ文字列に値のないパラメーター '？test_user_bLzgB'があります。また、「$ location.search（）」はオブジェクトを返します。実際のテキストを取得するにはどうすればよいですか？

95 javascript  angularjs