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

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

29
Angularjs-ng-cloak / ng-show要素が点滅する
ディレクティブ/クラスng-cloakまたはを使用したangular.jsに問題がありng-showます。 Chromeは正常に動作しますが、Firefoxがng-cloakまたはで要素を点滅させていng-showます。私見それはng-cloak/ ng-showへの変換が原因ですstyle="display: none;"、おそらくFirefoxのJavaScriptコンパイラは少し遅いので、要素がしばらく表示されてから非表示になりますか？ 例： <ul ng-show="foo != null" ng-cloak>..</ul>
6
ng-appとdata-ng-appの違いは何ですか？
私は現在、このスタートチュートリアルビデオを見ていますangular.js いくつかの時点では、属性という話状態、（12'40"後）ng-appとdata-ng-app=""、多かれ少なかれ同等の内部にある<html>ので、タグ、およびがあるng-model="my_data_bindingとdata-ng-model="my_data_binding"しかし、話者がHTMLである属性に応じて、異なるバリデータによって検証されるだろうと言います。中古。 ng-接頭辞に対するdata-ng-接頭辞の2つの方法の違いを説明できますか？
230 html  angularjs 
17
角度NGリピート逆
どのようにして角度付きの反転配列を取得できますか？私はorderByフィルターを使用しようとしていますが、ソートするには述語（例： 'name'）が必要です： <tr ng-repeat="friend in friends | orderBy:'name':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> ソートせずに元の配列を逆にする方法はありますか？そのように： <tr ng-repeat="friend in friends | orderBy:'':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr>
10
AngularJSの方法と同様に、@ Inputとして子コンポーネントにAngularパスコールバック関数を渡します
AngularJSには、コールバックをディレクティブに渡すことができる＆パラメータがあります（たとえば、AngularJSのコールバック方法です。コールバックを@InputAngular Component（以下のようなもの）のとして渡すことは可能ですか？そうでない場合、最も近いものは何ですか？ AngularJSはそうですか？ @Component({ selector: 'suggestion-menu', providers: [SuggestService], template: ` <div (mousedown)="suggestionWasClicked(suggestion)"> </div>`, changeDetection: ChangeDetectionStrategy.Default }) export class SuggestionMenuComponent { @Input() callback: Function; suggestionWasClicked(clickedEntry: SomeModel): void { this.callback(clickedEntry, this.query); } } <suggestion-menu callback="insertSuggestion"> </suggestion-menu>
10
$ sce.trustAsHtml（string）を使用して、Angular 1.2以降でng-bind-html-unsafeを複製する方法
ng-bind-html-unsafe Angular 1.2で削除されました 私は使用する必要がある場所に何かを実装しようとしていますng-bind-html-unsafe。ドキュメントとgithub commitで彼らは言う： ng-bind-htmlは、$ sce.trustAsHtml（string）の結果にバインドされたときに、ng-html-bind-unsafeのような動作（innerHTMLのサニタイズなしの結果）を提供します。 これどうやってやるの？
226 angularjs 
6
典型的なAngularJSワークフローとプロジェクト構造（Python Flaskを使用）
私は、このMV *クライアント側フレームワークのフレンジーにまったく慣れていません。AngularJSである必要はありませんが、Knockout、Ember、Backboneのどちらよりも自然な感じがするので選びました。とにかく、ワークフローはどのようなものですか？人々はまずAngularJSでクライアント側アプリケーションを開発し、それからバックエンドをそれに接続しますか？ または、最初にDjango、Flask、Railsでバックエンドを構築してから、AngularJSアプリをそれにアタッチすることで、逆の方法をとっていますか？それを行う「正しい」方法はありますか、それは結局のところ個人的な好みですか？ また、FlaskとAngularJSのどちらに従ってプロジェクトを構成するかわかりません。コミュニティの慣行。 たとえば、Flaskのminitwitアプリは次のように構成されています。 minitwit |-- minitwit.py |-- static |-- css, js, images, etc... `-- templates |-- html files and base layout AngularJSチュートリアルアプリは次のように構成されています。 angular-phonecat |-- app `-- css `-- img `-- js `-- lib `-- partials `-- index.html |-- scripts `-- node.js server and test server files Flaskアプリ自体を描くこともできましたが、ToDoリストのようなAngularJSアプリ自体を見るのはかなり簡単ですが、これらのテクノロジーの両方を使用する場合、それらがどのように連携しているかがわかりません。すでにAngularJSを持っている場合は、サーバー側のWebフレームワークは必要ないようです。単純なPython Webサーバーで十分です。たとえば、AngularJS …
25
AngularJSで文字列の長さを制限する
私は以下を持っています： <div>{{modal.title}}</div> 文字列の長さを20文字に制限する方法はありますか？ そしてさらに良い質問は、文字列...が20文字を超える場合に、切り捨てて最後に表示するように文字列を変更できる方法があるかどうかです。
14
リクエストヘッダーフィールドAccess-Control-Allow-HeadersはAccess-Control-Allow-Headersでは許可されていません
postリクエストでサーバーにファイルを送信しようとしていますが、送信するとエラーが発生します。 リクエストヘッダーフィールドContent-Typeは、Access-Control-Allow-Headersでは許可されていません。 だから私はエラーをググってヘッダーを追加しました： $http.post($rootScope.URL, {params: arguments}, {headers: { "Access-Control-Allow-Origin" : "*", "Access-Control-Allow-Methods" : "GET,POST,PUT,DELETE,OPTIONS", "Access-Control-Allow-Headers": "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With" } 次に、エラーが発生します： リクエストヘッダーフィールドAccess-Control-Allow-OriginはAccess-Control-Allow-Headersでは許可されていません それで私はそれをググりました、そして私が見つけることができた唯一の同様の質問は半分の答えを提供され、そしてトピック外として閉じられました。追加/削除するヘッダーは何ですか？
10
ハッシュ「＃」なしのAngularJSルーティング
私はAngularJSを学習していますが、本当に私を困らせることが1つあります。 $routeProviderアプリケーションのルーティングルールを宣言するために使用します。 $routeProvider.when('/test', { controller: TestCtrl, templateUrl: 'views/test.html' }) .otherwise({ redirectTo: '/test' }); しかし、ブラウザで自分のアプリに移動すると、app/#/testではなくが表示されapp/testます。 だから私の質問は、AngularJSがこのハッシュ#をURLに追加する理由ですか？それを回避する可能性はありますか？
10
npm UNMET PEER DEPENDENCY警告を修正するにはどうすればよいですか？
私はWindows 10で、ノード5.6.0とnpm 3.6.0を使用しています。angular-materialとmdiを作業フォルダーにインストールしようとしています。npmが次のように角度材料MDIエラーをインストールする： +-- angular@1.5.0 +-- UNMET PEER DEPENDENCY angular-animate@^1.5.0 +-- UNMET PEER DEPENDENCY angular-aria@^1.5.0 +-- angular-material@1.0.6 +-- UNMET PEER DEPENDENCY angular-messages@^1.5.0 `-- mdi@1.4.57 npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\xxxxx\Desktop\ngClassifieds\package.json' npm WARN angular-material@1.0.6 requires a peer of angular-animate@^1.5.0 but none was installed. npm WARN angular-material@1.0.6 …
10
Angular.jsでさまざまな環境を構成するにはどうすればよいですか？
さまざまな環境の構成変数/定数をどのように管理しますか？ これは例であるかもしれません： 私の残りのAPIはで到達可能ですがlocalhost:7080/myapi/、Gitバージョン管理下で同じコードで作業している私の友人は、彼のTomcatにAPIをデプロイしていますlocalhost:8099/hisapi/。 次のようなものがあるとします。 angular .module('app', ['ngResource']) .constant('API_END_POINT','<local_end_point>') .factory('User', function($resource, API_END_POINT) { return $resource(API_END_POINT + 'user'); }); 環境に応じて、APIエンドポイントの正しい値を動的に注入するにはどうすればよいですか？ PHPでは通常、このようなことをconfig.username.xmlファイルで行い、基本構成ファイル（config.xml）を、ユーザーの名前で認識されるローカル環境構成ファイルとマージします。しかし、JavaScriptでこの種のことを管理する方法がわかりませんか？
6
子ng-repeatからの親ng-repeatのアクセスインデックス
親リスト（foos）のインデックスを子リスト（foos.bars）の関数呼び出しの引数として使用したい。 誰かが$ parent。$ indexの使用をすすめる投稿を見つけましたが$index、のプロパティではありません$parent。 親のインデックスにアクセスするにはどうすればよいng-repeatですか？ <div ng-repeat="f in foos"> <div> <div ng-repeat="b in foos.bars"> <a ng-click="addSomething($parent.$index)">Add Something</a> </div> </div> </div>
10
AngularJS-ngモデルが使用されている場合、入力テキストボックスの値属性は無視されますか？
単純な入力テキストボックスの値を下の「bob」のような値に設定した場合にAngularJSを使用します。ng-model属性が追加された場合、値は表示されません。 <input type="text" id="rootFolder" ng-model="rootFolders" disabled="disabled" value="Bob" size="40"/> この入力を何かにデフォルト設定してng-model？を保持する簡単な回避策を知っている人はいますか？ng-bindデフォルト値でaを使用しようとしましたが、それも機能しないようです。
6
ng-classを使用したAngularJSトグルクラス
を使用して要素のクラスを切り替えようとしています ng-class <button class="btn"> <i ng-class="{(isAutoScroll()) ? 'icon-autoscroll' : 'icon-autoscroll-disabled'}"></i> </button> isAutoScroll（）： $scope.isAutoScroll = function() { $scope.autoScroll = ($scope.autoScroll) ? false : true; return $scope.autoScroll; } 基本的に、$scope.autoScrolltrueの場合はng-classにicon-autoscroll、falseの場合はicon-autoscroll-disabled 私が今持っているものが機能せず、コンソールでこのエラーが発生しています Error: Lexer Error: Unexpected next character at columns 18-18 [?] in expression [{(isAutoScroll()) ? 'icon-autoscroll' : 'icon-autoscroll-disabled'}]. これを正しく行うにはどうすればよいですか？ 編集 解決策1：（古い） <button class="btn" …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.