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

私はangular.jsの初心者であり、リクエストにヘッダーを追加しようとしています： var config = {headers: { 'Authorization': 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==', 'Accept': 'application/json;odata=verbose' } }; $http.get('https://www.example.com/ApplicationData.svc/Malls(1)/Retailers', config).success(successCallback).error(errorCallback); 私はすべてのドキュメントを見てきましたが、これは正しいはずです。 のURLにローカルファイルを使用すると$http.get、Chromeのネットワークタブに次のHTTPリクエストが表示されます。 GET /app/data/offers.json HTTP/1.1 Host: www.example.com Connection: keep-alive Cache-Control: max-age=0 If-None-Match: "0f0abc9026855b5938797878a03e6889" Authorization: Basic Y2hhZHN0b25lbWFuOkNoYW5nZV9tZQ== Accept: application/json;odata=verbose X-Requested-With: XMLHttpRequest If-Modified-Since: Sun, 24 Mar 2013 15:58:55 GMT User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.22 (KHTML, like …

89 javascript  angularjs  http-headers 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問を改善する 私はWebStormを試しましたが、試した他のWeb IDEのように、基本的なJavaScriptサポートしかないようです。HTMLページからコントローラーなどにクリックスルーできるものを探しています。 この質問に対する答えが「いいえ」の場合、Angularに似た、EclipseプラグインなどのJavaScriptフレームワークや、IDEの他の種類の明示的なサポートはありますか？

89 javascript  ide  angularjs 

このチュートリアルでは、次のngSrc代わりにディレクティブを使用する方法を示しますsrc。 <ul class="phones"> <li ng-repeat="phone in phones" class="thumbnail"> <img ng-src="{{phone.imageUrl}}"> </li> </ul> 彼らは求めます： ng-srcディレクティブをプレーンな古いsrc属性に置き換えます。 FirebugやChromeのWebインスペクタなどのツールを使用するか、ウェブサーバーのアクセスログを調べて、アプリが実際に/app/%7B%7Bphone.imageUrl%7D%7D（または / app / {{phone .imageUrl}}）。 私はそうしました、そしてそれは私に正しい結果を与えました： <li class="thumbnail ng-scope" ng-repeat="phone in phones"> <img src="img/phones/motorola-xoom.0.jpg"> </li> 理由はありますか？

89 angularjs 

AngularJsでルート変更イベントをキャンセルするにはどうすればよいですか？ 私の現在のコードは $rootScope.$on("$routeChangeStart", function (event, next, current) { // do some validation checks if(validation checks fails){ console.log("validation failed"); window.history.back(); // Cancel Route Change and stay on current page } }); これにより、検証が失敗した場合でも、Angularは次のテンプレートと関連データをプルし、すぐに前のビュー/ルートに戻ります。検証が失敗した場合、angularが次のテンプレートとデータをプルしたくありません。理想的には、window.history.back（）がないはずです。私もevent.preventDefault（）を試しましたが、役に立たなかった。

88 javascript  angularjs 

私は$location.path()コントローラーで使用しようとしているだけでなく、カスタム変数をパラメーターとして渡しています。だからそれは私が推測するこのようなものになるでしょう： $scope.parameter = 'Foo'; $location.path('/myURL/' + $scope.parameter); しかし、それはうまくいきません。これがAngularでどのように行われるべきか知っている人はいますか？

88 javascript  angularjs 

私は現在、ルーティングが組み込まれたAngularJSアプリケーションを持っています。これは機能し、すべて問題ありません。 私のapp.jsファイルは次のようになります。 angular.module('myapp', ['myapp.filters', 'myapp.services', 'myapp.directives']). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/pages/home.html', controller: HomeController }); $routeProvider.when('/about', { templateUrl: '/pages/about.html', controller: AboutController }); $routeProvider.when('/privacy', { templateUrl: '/pages/privacy.html', controller: AboutController }); $routeProvider.when('/terms', { templateUrl: '/pages/terms.html', controller: AboutController }); $routeProvider.otherwise({ redirectTo: '/' }); }]); 私のアプリにはCMSが組み込まれており、新しいHTMLファイルを/ pagesディレクトリにコピーして追加できます。 新しい動的に追加されたファイルでも、ルーティングプロバイダーを通過したいと思います。 理想的な世界では、ルーティングパターンは次のようになります。 $ routeProvider.when（ '/ …

88 javascript  angularjs  content-management-system  url-routing 

私はangularJSに非常に慣れていません。RESTful APIからサービスへのアクセスを探していますが、何もわかりませんでした。どうやってやるの？

88 rest  angularjs  restful-url  angularjs-service 

AngularJSでCORSとhttp認証を使用するのは難しい場合があるので、質問を編集して1つの教訓を共有します。まず、igorzgに感謝します。彼の答えは私を大いに助けてくれました。シナリオは次のとおりです。AngularJS$ httpサービスを使用して、POSTリクエストを別のドメインに送信します。AngularJSとサーバーのセットアップを取得する際に注意すべきいくつかの注意点があります。 まず、アプリケーション構成で、クロスドメイン呼び出しを許可する必要があります /** * Cors usage example. * @author Georgi Naumov * gonaumov@gmail.com for contacts and * suggestions. **/ app.config(function($httpProvider) { //Enable cross domain calls $httpProvider.defaults.useXDomain = true; }); 2番目：リクエストにwithCredentials：trueとユーザー名とパスワードを指定する必要があります。 /** * Cors usage example. * @author Georgi Naumov * gonaumov@gmail.com for contacts and * suggestions. **/ $http({ url: …

88 angularjs  cors 

ui-bootstrap-tplsファイルから単一の特定のテンプレートを上書きする方法があるかどうか知りたいです。デフォルトテンプレートの大部分は私のニーズに適合していますが、すべてのデフォルトテンプレートを取得してそれらを非TPLバージョンに接続するプロセス全体を実行せずに、置き換えたい特定のテンプレートがいくつかあります。

88 angularjs  angular-ui  angular-ui-bootstrap 

angularjs e2eテストを使用してファイルのアップロードをテストしたいと思います。e2eテストでこれをどのように行いますか？私は自分のテストスクリプトをうなりカルマを通して実行します。

88 angularjs  file  file-upload  gruntjs  protractor 

何が起きてる？ これが私の指示です： app.directive('submitRequired', function (objSvc) { return { require: 'ngModel', link: function (scope, elm, attrs, ctrl) { // do something } }; }); 次に、使用中のディレクティブの例を示します。 <input submit-required="true"></input> 実際のエラーテキストは次のとおりです。 Error: [$compile:ctreq] Controller 'ngModel', required by directive 'submitRequired', can't be found! http://errors.angularjs.org/1.2.2/$compile/ctreq?p0=ngModel&p1=submitRequired at http://www.domain.ca/Scripts/angular/angular.js:78:12 at getControllers (http://www.domain.ca/Scripts/angular/angular.js:5972:19) at nodeLinkFn (http://www.domain.ca/Scripts/angular/angular.js:6139:35) at compositeLinkFn (http://www.domain.ca/Scripts/angular/angular.js:5550:15) …

88 angularjs  directive 

フォームが複数のページにまたがる状況にあります（理想的ではないかもしれませんが、それはそのようです）。フォーム全体に1つのスコープを設定し、ユーザーが手順に沿って前後に移動すると、状態を簡単に覚えられるようにします。 だから私は非常に疑似コードでやる必要があります： セットする $scope.val = <Some dynamic data> リンクをクリックすると、新しいテンプレートにルーティングされます（おそらく同じコントローラーを使用します）。 $scope.val 最後のページと同じ値である必要があります。 どういうわけか、スコープのデータを永続化することは、これについて正しい方法ですか、それとも他の方法がありますか？もちろん、データベースに保存する以外は、ルート間でスコープが永続化されているコントローラーを作成することもできます。

87 scope  routes  angularjs  controllers 

AngularJSでは、双方向データバインディングなしで値をどのようにレンダリングできますか？パフォーマンス上の理由から、または特定の時点で値をレンダリングするために、これを行うことができます。 次の例では、どちらもデータバインディングを使用しています。 <div>{{value}}</div> <div data-ng-bind="value"></div> データバインディングvalue なしでどのようにレンダリングしますか？

87 javascript  angularjs  data-binding 

私はui-routerを使用してangularjsシングルページアプリケーションを実装しました。 元々は個別のURLを使用して各州を識別していましたが、これはGUIDがパックされた非友好的なURLになりました。 それで、私は自分のサイトをより単純なステートマシンとして定義しました。状態はURLでは識別されませんが、次のように、必要に応じて単に移行されます。 ネストされた状態を定義する angular .module 'app', ['ui.router'] .config ($stateProvider) -> $stateProvider .state 'main', templateUrl: 'main.html' controller: 'mainCtrl' params: ['locationId'] .state 'folder', templateUrl: 'folder.html' parent: 'main' controller: 'folderCtrl' resolve: folder:(apiService) -> apiService.get '#base/folder/#locationId' 定義済み状態への移行 #The ui-sref attrib transitions to the 'folder' state a(ui-sref="folder({locationId:'{{folder.Id}}'})") | {{ folder.Name }} このシステムは非常にうまく機能し、私はそのクリーンな構文が大好きです。ただし、URLを使用していないため、戻るボタンが機能しません。 きちんとしたui-routerステートマシンを維持しながら、戻るボタン機能を有効にするにはどうすればよいですか？

87 javascript  angularjs  coffeescript  angular-ui-router 

こんにちは、私はいくつかのangular.jsビデオを見ていて、value（）メソッドが一種のモジュール全体の定数を設定するために使用されているのを見ました。たとえば、Angular-UIライブラリの設定を次のように設定できます：（coffeescript） angular.module('app',[]) .value "ui.config", tinymce: theme: 'simple' width: '500' height: '300' そして、私のアプリは現在次のようになっています： window.app = angular.module("app", [ 'ui']) .config(["$routeProvider", ($routeProvider) -> $routeProvider .when "/users", templateUrl: "assets/templates/users/index.html" controller: IndexUsersCtrl .otherwise redirectTo: "/users" ]) .value 'csrf', $('meta[name="csrf-token"]').attr('content') #<---- attention here IndexUsersCtrl = ($scope) -> $scope.users = gon.rabl console.log "I want to log the …

87 javascript  angularjs