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

オープンソースのJavaScriptフレームワークであるAngularJS（1.x）に関する質問に使用します。Angular 2以降のバージョンではこのタグを使用しないでください。代わりに、[angular]タグを使用してください。

8
エラー：コールシグネチャがない型の式を呼び出すことはできません
私はtypescriptを初めて使用するので、2つのクラスがあります。私が持っている親クラスでは： abstract class Component { public deps: any = {}; public props: any = {}; public setProp(prop: string): any { return <T>(val: T): T => { this.props[prop] = val; return val; }; } } 私が持っている子クラスでは： class Post extends Component { public toggleBody: string; constructor() { this.toggleBody = this.setProp('showFullBody'); } public …
5
コントローラーでの角度変換の正しい使い方
AngularJSアプリケーションでi18nのangular-translateを使用しています。 すべてのアプリケーションビューに対して、専用のコントローラーがあります。以下のコントローラーでは、ページタイトルとして表示される値を設定します。 コード HTML <h1>{{ pageTitle }}</h1> JavaScript .controller('FirstPageCtrl', ['$scope', '$filter', function ($scope, $filter) { $scope.pageTitle = $filter('translate')('HELLO_WORLD'); }]) .controller('SecondPageCtrl', ['$scope', '$filter', function ($scope, $filter) { $scope.pageTitle = 'Second page title'; }]) angular-translate-loader-url拡張機能を使用して翻訳ファイルをロードしています。 問題 最初のページの読み込み時に、そのキーの翻訳の代わりに翻訳キーが表示されます。翻訳はHello, World!ですが見HELLO_WORLDます。 2回目にこのページにアクセスすると、問題はなく、翻訳されたバージョンが表示されます。 この問題は、コントローラーがに値を割り当てているときに変換ファイルがまだ読み込まれていない可能性があるという事実に関係していると思います$scope.pageTitle。 リマーク <h1>{{ pageTitle | translate }}</h1>およびを使用すると$scope.pageTitle = 'HELLO_WORLD';、翻訳は最初から完璧に機能します。この問題は、常に翻訳を使用する必要がないことです（たとえば、2番目のコントローラーの場合、生の文字列を渡したいだけです）。 質問 これは既知の問題/制限ですか？これをどのように解決できますか？
30
ドロップダウンprotractorjs e2eテストでオプションを選択する方法
分度器を使用して角度e2eテストのドロップダウンからオプションを選択しようとしています。 以下は、selectオプションのコードスニペットです。 <select id="locregion" class="create_select ng-pristine ng-invalid ng-invalid-required" required="" ng-disabled="organization.id !== undefined" ng-options="o.id as o.name for o in organizations" ng-model="organization.parent_id"> <option value="?" selected="selected"></option> <option value="0">Ranjans Mobile Testing</option> <option value="1">BeaverBox Testing</option> <option value="2">BadgerBox</option> <option value="3">CritterCase</option> <option value="4">BoxLox</option> <option value="5">BooBoBum</option> </select> 私が試してみました： ptor.findElement(protractor.By.css('select option:1')).click(); これにより、次のエラーが発生します。 無効または無効な文字列が指定されましたビルド情報：バージョン： '2.35.0'、リビジョン： 'c916b9d'、時間： '2013-08-12 15:42:01'システム情報：os.name： 'Mac OS …
17
エラー：引数は関数ではなく、未定義です
Scala PlayでAngularJSを使用すると、このエラーが発生します。 エラー：引数「MainCtrl」は関数ではないため、定義されていません 曜日で構成されるテーブルを作成しようとしています。 私のコードを見てください。コントローラの名前を確認しましたが、それは正しいようです。注：このSO 回答から使用されるコード index.scala.html @(message: String) @main("inTime") { <!doctype html> <html lang="en" ng-app> <head> <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")"> </head> <div ng-controller="MainCtrl"> <table border="1"> <tbody ng-repeat='(what,items) in data'> <tr ng-repeat='item in items'> <td ngm-if="$first" rowspan="{{items.length}}">{{what}}</td> <td>{{item}}</td> </tr> </tbody> </table> </div> </html> } MainCtrl.js (function() { angular.module('[myApp]', []).controller('MainCtrl', function($scope) …
10
AngularJsアプリを作成するときのJadeまたはHandlebarの使用方法
私はjavascriptのフルスタックアプリケーション全体に新しい（しっとり）ので、Angularにはまったく新しいので、誰かがここで直接記録を付けてくれることを望んでいました。 AngularJSを使用してクライアント側のアプリを作成するときに、JadeやHandlebarsなどのテンプレートフレームワークを使用する必要があるのはなぜですか。 私はこれらのテンプレートフレームワークのいずれも使用したことがないことを言っておく必要があります。だから私はその利点に完全に精通していません。しかし、たとえばハンドルバーを見ると、ループなど、Angularで行うのと同じことの多くを実行します。 私の知る限り、Angularで適切なHTMLを使用してテンプレートを作成し、すべてのテンプレートクライアント側を実行し、これを、たとえばノードやmongoを使用するAPIの最初のアプローチと組み合わせるのが最も理にかなっています。 この混乱の理由は、GitHubで見つけた例の多くがJadeを使用しており、私には直観に反しているように見えるためです。 私を啓発して、私をまっすぐにしてください。私が知っている以上のことを知っている人からいくつかのベストプラクティスを学びたいです。 ありがとう
3
$ state（ui-router）を$ httpインターセプターに注入すると循環依存が発生する
私が達成しようとしていること $ httpリクエストが401エラーを返す場合、特定の状態（ログイン）に移行したいと思います。したがって、$ httpインターセプターを作成しました。 問題 '$ state'をインターセプターに挿入しようとすると、循環依存関係が発生します。なぜ、どうすれば修正できますか？ コード //Inside Config function var interceptor = ['$location', '$q', '$state', function($location, $q, $state) { function success(response) { return response; } function error(response) { if(response.status === 401) { $state.transitionTo('public.login'); return $q.reject(response); } else { return $q.reject(response); } } return function(promise) { return promise.then(success, error); …
6
UIルーターを使用してオブジェクトを状態に渡す方法は？
状態に遷移し、ui-routerを使用して任意のオブジェクトを渡すことができるようにしたいと思います。 通常$stateParamsはが使用されていることは承知していますが、この値はURLに挿入されていると思います。ユーザーがこのデータをブックマークできるようにしたくないのです。 このようなことをしたいのですが。 $state.transitionTo('newState', {myObj: {foo: 'bar'}}); function myCtrl($stateParams) { console.log($stateParams.myObj); // -> {foo: 'bar'} }; 値をURLにエンコードせずにこれを行う方法はありますか？
4
他のコントローラーからディレクティブコントローラーのメソッドを呼び出す
独自のコントローラーを持つディレクティブがあります。以下のコードを参照してください： var popdown = angular.module('xModules',[]); popdown.directive('popdown', function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = ''; this.scope.type = ''; } } var linkFn = function (scope, lElement, …
6
1つのページで2つの角度のアプリ/モジュールを定義する方法は？
2つの角のアプリ/モジュールを1つのページに追加しようとしています。以下のフィドルでは、htmlコードで参照されている最初のモジュールのみが常に正しく機能するのに対し、2番目のモジュールは角度で認識されないことがわかります。 このフィドルではdoSearch2メソッドのみを実行できますが、このフィドルではdoSearchメソッドのみが正しく機能します。 2つの角度モジュールを1つのページに正しく配置する方法を探しています。
7
AngularJS-ラジオボタンが選択されたときにトリガー
多くのng-xxxx種類のオプションを検索して試しましたが、見つかりませんでした。ラジオボタンが選択されているときに、コントローラーの関数を呼び出したいだけです。 したがって、次のようになります。（もちろん、以下のコードは機能しません） <input type="radio" ng-model="value" value="one" ng-click="checkStuff()"/> 私が望むものを達成する方法はありますか？
118 angularjs 
5
AngularJS：HTTPインターセプターへのサービスの注入（循環依存）
AngularJSアプリが認証を処理するためのHTTPインターセプターを作成しようとしています。 このコードは機能しますが、Angularがこれを自動的に処理することになっていると思ったので、サービスを手動で注入することについて心配しています。 app.config(['$httpProvider', function ($httpProvider) { $httpProvider.interceptors.push(function ($location, $injector) { return { 'request': function (config) { //injected manually to get around circular dependency problem. var AuthService = $injector.get('AuthService'); console.log(AuthService); console.log('in request interceptor'); if (!AuthService.isAuthenticated() && $location.path != '/login') { console.log('user is not logged in.'); $location.path('/login'); } return config; } }; …
6
ng-changeは新しい値と元の値を取得します
ng-optionsを使用して、プルダウンから値を選択しています。古い値と新しい値を比較できるようにしたいのですが。ng-changeはプルダウンの新しい値を取得するのに適していますが、新しい値と元の値の両方を取得するにはどうすればよいですか？ <select ng-change="updateValue(user)" ng-model="user.id" ng-options="user.id as user.name for user in users"></select> たとえば、コントローラに「以前のuser.nameはBILL、現在のユーザー名はPHILLIPEでした」というログを記録したいとします。
4
Angular ng-change delay
変更時にng-repeatリストをフィルタリングする入力があります。リピートには多くのデータが含まれており、すべてをフィルタリングするには数秒かかります。フィルタリングプロセスを開始する前に、0.5秒の遅延が必要です。この遅延を作成する角度の正しい方法は何ですか？ 入力 <input ng-model="xyz" ng-change="FilterByName()" /> 繰り返す <div ng-repeat"foo in bar"> <p>{{foo.bar}}</p> </div> フィルター機能 $scope.FilterByName = function () { //Filtering Stuff Here }); ありがとう
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.